inl-ui 0.0.25 → 0.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inl-ui",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "description": "工业 pc ui库",
   "main": "dist/index.js",
   "types": "./dist/types/src/index.d.ts",

package/src/pageComponent/views/systemManager/systemSetting/data.ts

@@ -1,6 +1,6 @@
 const systemConfig = {
   projectInfo: [
-    { name: "customer", label: "客户名称", type: "select" },
+    { name: "customer", label: "客户名称", type: "treeSelect" },
     {
       name: "project",
       label: "项目名称",

package/src/pageComponent/views/systemManager/systemSetting/index.tsx

@@ -231,6 +231,47 @@ const SystemSetting = defineComponent({
         </>
       );
     };
+    const getDisabledData = (data: any[], fn: (item: any) => boolean) => {
+      return data.map((item) => {
+        return {
+          ...item,
+          disabled: fn(item),
+          subList: getDisabledData(item.subList, fn),
+        };
+      });
+    };
+    window.treeSelect = (item) => {
+      return (
+        <>
+          {_props[`${item.name}`] ? (
+            <div class="systemConfig_form">
+              <span class="label">{item.label}</span>
+              <a-tree-select
+                treeDefaultExpandAll
+                fieldNames={{
+                  children: "subList",
+                  value: "id",
+                  key: "id",
+                  label: "name",
+                }}
+                treeData={getDisabledData(
+                  data[`${item.name}Option`],
+                  (item) => item.level !== 3
+                )}
+                v-model={[data.form[`${item.name}Id`], "value"]}
+                disabled={!edit.value}
+              >
+                {/* {data[`${item.name}Option`].map((val: OptionItem) => (
+                  <a-select-option value={val.id}>{val.name}</a-select-option>
+                ))} */}
+              </a-tree-select>
+            </div>
+          ) : (
+            ""
+          )}
+        </>
+      );
+    };
     window.input = (item: { [key: string]: string }) => {
       return (
         <>

package/src/types/gl.d.ts

@@ -18,6 +18,7 @@ declare global {
     select: (opt: any) => void;
     input: (opt: any) => void;
     img: (opt: any) => void;
+    treeSelect: (opt: any) => void;
   }
 }