fix(all): zhst/biz、zhst/meta、zhst/material: 修改 od、修改 boxSelectTree

packages/biz/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @zhst/biz
 
+## 0.21.5
+
+### Patch Changes
+
+- fix: 修改 zhst/meta
+- Updated dependencies
+  - @zhst/meta@0.20.3
+
+## 0.21.4
+
+### Patch Changes
+
+- zhst/biz、zhst/meta、zhst/material: 修改 od、修改 boxSelectTree
+- Updated dependencies
+  - @zhst/meta@0.20.2
+
 ## 0.21.3
 
 ### Patch Changes

packages/biz/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhst/biz",
-  "version": "0.21.3",
+  "version": "0.21.5",
   "description": "业务库",
   "keywords": [
     "business",

packages/biz/src/BigImageModal/BigImageModal.tsx

@@ -223,11 +223,6 @@ const BigImageModal: React.FC<BigImageModalProps, BigModalRef> = forwardRef((pro
     ]
   }
 
-
-  // TODO: 页面初始化
-  useEffect(() => {
-  }, [dataSource]);
-
   // 暴露 ref 实例
   useImperativeHandle(ref, () => ({
     ref,

packages/biz/src/boxSelectTree/components/boxPanel/index.less

@@ -1,15 +1,31 @@
 .zhst-biz-box-select-tree-panel {
-  padding: 0 16px;
 
-  &-btns-common {
-    padding: 4px 8px;
+  &-search {
+    display: flex;
+    padding: 0 12px;
+    &-input {
+      margin-right: 4px;
+    }
+    &-btns {
+      flex: none;
+    }
   }
 
-  &-btns-import {
+  &-btns {
+    padding: 6px 12px;
+    display: flex;
+    justify-content: space-between;
+    &-common {
       padding: 4px 8px;
     }
-
-  &-btns-divider {
+    &-import {
+      padding: 4px 8px;
+    }
+    &-divider {
       margin: 8px 0;
     }
   }
+  &-tree {
+    padding: 6px 0;
+  }
+}

packages/biz/src/boxSelectTree/components/boxPanel/index.tsx

@@ -128,20 +128,27 @@ const BoxPanel: FC<BoxPanelProps> = (props) => {
         onTreeCheck={onTreeCheck}               // 树check选中事件
         onItemDelete={onItemDelete}             // 右侧点击删除事件
       />
-      <Space size={12} direction='vertical' style={{ width: '100%' }}>
-        <Space size={4}  style={{ width: '100%', justifyContent: 'space-between' }} >
-          <Input size='middle' onChange={(e) => onSearch?.(e)} placeholder='请输入盒子名称' {...searchInputProps} />
+      <div className={classNames(componentName + '-search')}>
+        <Input
+          className={classNames(componentName + '-search-input')}
+          size='middle'
+          onChange={(e) => onSearch?.(e)}
+          placeholder='请输入盒子名称'
+          {...searchInputProps}
+        />
         {customImport || (
-            <>
+          <div
+            className={classNames(componentName + '-search-btns')}
+          >
             <Button type="text" onClick={() => onBatch?.() || handleCheckable()} icon={isTreeCheckable ? <SwitcherOutlined /> : <DiffOutlined />} />
             <Button type="text" onClick={() => onClockClick?.()} icon={<ClockCircleOutlined />} />
-            </>
+          </div>
         )}
-        </Space>
+      </div>
       {/* 是否显示操作按钮 */}
       {showOptions && (
         <>
-            <Space align='center'>
+          <div className={classNames(componentName + '-btns')}>
             <Button className={classNames(componentName + '-btns-common')} type='text' onClick={() => onImport?.()} icon={<ImportOutlined />} >导入盒子</Button>
             <Divider className={classNames(componentName + '-btns-divider')} type="vertical" />
             {onCreate ?
@@ -210,12 +217,13 @@ const BoxPanel: FC<BoxPanelProps> = (props) => {
             <Divider className={classNames(componentName + '-btns-divider')} type="vertical" />
             {/* @ts-ignore */}
             <Button className={classNames(componentName + '-btns-common')} danger type='text' icon={<CloseCircleOutlined />} disabled={treeProps?.checkedKeys?.length <= 0} onClick={onBoxBatchDelete} >删除</Button>
-            </Space>
+          </div>
           <Divider style={{ margin: 0 }} />
         </>
       )}
       {extraBtns}
       <BoxTree
+        className={classNames(componentName + '-tree')}
         treeCheckable={isTreeCheckable}
         data={data}
         onItemSelect={onItemSelect}
@@ -223,7 +231,6 @@ const BoxPanel: FC<BoxPanelProps> = (props) => {
         onItemDelete={onBoxDelete}
         {...treeProps}
       />
-      </Space>
     </div>
   )
 }

packages/biz/src/boxSelectTree/demo/basic.tsx

@@ -56,6 +56,7 @@ const demo = () => {
           addonBefore: (
             <Select
               value={searchType}
+              dropdownMatchSelectWidth={false}
               onChange={_type => {
                 setSearchType(_type)
                 setSearchVal('')

packages/material/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @zhst/material
 
+## 0.17.4
+
+### Patch Changes
+
+- fix: 修改 zhst/meta
+- Updated dependencies
+  - @zhst/meta@0.20.3
+  - @zhst/biz@0.21.5
+
+## 0.17.3
+
+### Patch Changes
+
+- zhst/biz、zhst/meta、zhst/material: 修改 od、修改 boxSelectTree
+- Updated dependencies
+  - @zhst/meta@0.20.2
+  - @zhst/biz@0.21.4
+
 ## 0.17.2
 
 ### Patch Changes

packages/material/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhst/material",
-  "version": "0.17.2",
+  "version": "0.17.4",
   "description": "物料库",
   "keywords": [
     "business",

packages/meta/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @zhst/utils
 
+## 0.20.3
+
+### Patch Changes
+
+- fix: 修改 zhst/meta
+- Updated dependencies
+  - @zhst/meta@0.20.3
+
+## 0.20.2
+
+### Patch Changes
+
+- zhst/biz、zhst/meta、zhst/material: 修改 od、修改 boxSelectTree
+- Updated dependencies
+  - @zhst/meta@0.20.2
+
 ## 0.20.1
 
 ### Patch Changes

packages/meta/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhst/meta",
-  "version": "0.20.1",
+  "version": "0.20.3",
   "description": "原子组件",
   "keywords": [
     "meta",

packages/meta/src/cropperImage/CropperImage.tsx

@@ -201,6 +201,7 @@ const CropperImage = forwardRef<CropperImageRefProps, CropperImageProps>((props,
     const { containerData = {}, targetTransform = {} } = viewer
     const imageSize = viewer.getImgSize()
 
+    // @ts-ignore
     currentFabricRef.current = new fabric.Canvas(
       canvasRef.current,
       {