@fangzhongya/fang-ui 0.0.37 → 0.0.39

package/dist/components/tree-select/src/index2.cjs

@@ -1,4 +1,46 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
-exports.default = index_vue_vue_type_script_setup_true_lang.default;
+const vue = require("vue");
+const data = require("./data.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/locale/index.cjs");
+const index = require("../../../hooks/inherit/index.cjs");
+const ElTreeSelect = require("element-plus/es/components/tree-select/index");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = vue.ref();
+    const attrs = index.useInherit(vue.useAttrs());
+    const slots = vue.useSlots();
+    const cs = index$1.useCssName("tree-select");
+    const { getLocale } = index$2.useLocale();
+    const props = __props;
+    const emit = __emit;
+    __expose({
+      ...data.dataExpose,
+      refEl
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.createVNode(vue.unref(ElTreeSelect.ElTreeSelect), vue.mergeProps(vue.unref(attrs).assem, {
+          ref_key: "refEl",
+          ref: refEl
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
+            return {
+              name: k,
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040)
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/tree-select/src/index2.js

@@ -1,4 +1,46 @@
-import _sfc_main from "./index.js";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { ElTreeSelect } from "element-plus/es/components/tree-select/index";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = ref();
+    const attrs = useInherit(useAttrs());
+    const slots = useSlots();
+    const cs = useCssName("tree-select");
+    const { getLocale } = useLocale();
+    const props = __props;
+    const emit = __emit;
+    __expose({
+      ...dataExpose,
+      refEl
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        createVNode(unref(ElTreeSelect), mergeProps(unref(attrs).assem, {
+          ref_key: "refEl",
+          ref: refEl
+        }), createSlots({ _: 2 }, [
+          renderList(Object.keys(unref(slots)), (k, i) => {
+            return {
+              name: k,
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040)
+      ], 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/tree-select-box/index.cjs

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const withInstall = require("../../utils/vues/withInstall.cjs");
-const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const TreeSelectBox = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "TreeSelectBox");
 exports.TreeSelectBox = TreeSelectBox;
 exports.default = TreeSelectBox;

package/dist/components/tree-select-box/index.d.ts

@@ -94,11 +94,11 @@ declare const TreeSelectBox: SFCWithInstall<{
                 readonly separator: string;
                 readonly getName: Function;
                 readonly value?: ModelValue[] | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly placeholder?: string | undefined;
                 readonly title?: string | undefined;
                 readonly modelValue?: ModelValue[] | undefined;
                 readonly width?: string | number | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly placeholder?: string | undefined;
                 readonly setInputName?: Function | undefined;
                 readonly getNameExplain?: Function | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "appendToBody" | "separator" | "getName">;

package/dist/components/tree-select-box/index.js

@@ -1,5 +1,6 @@
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const TreeSelectBox = withInstall(_sfc_main, "TreeSelectBox");
 export {
   TreeSelectBox,

package/dist/components/tree-select-box/src/data.cjs

@@ -1,23 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
-require("vue");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
-require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
 const definePropType = require("../../../utils/vues/definePropType.cjs");
-require("../../../utils/vues/getBuildProps.cjs");
-require("@fangzhongya/utils/css/setObjStyle");
-require("@fangzhongya/utils/css/getCss");
 const roleSelect = {
   searchPlaceholder: "请输入字段进行查询",
   value: "value",
@@ -103,8 +88,12 @@ const dataProps = buildProps.buildProps({
   }
 });
 const dataEmits = ["change", "update:modelValue"];
+const dataSlot = {
+  default: "default"
+};
 const dataExpose = {};
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;
 exports.roleSelect = roleSelect;

package/dist/components/tree-select-box/src/data.js

@@ -1,21 +1,6 @@
+import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
-import "vue";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import "@fangzhongya/utils/basic/array/isArray";
-import "@fangzhongya/utils/basic/object/isObject";
-import "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import "@fangzhongya/utils/name/lineToLargeHump";
-import "@fangzhongya/utils/name/lineToSmallHump";
-import "@fangzhongya/utils/name/humpToLine";
-import "@fangzhongya/utils/basic/object/deepCopy";
-import "@fangzhongya/utils/basic/Array/toggleArray";
-import "@fangzhongya/utils/basic/object/objValue";
 import { definePropType } from "../../../utils/vues/definePropType.js";
-import "../../../utils/vues/getBuildProps.js";
-import "@fangzhongya/utils/css/setObjStyle";
-import "@fangzhongya/utils/css/getCss";
 const roleSelect = {
   searchPlaceholder: "请输入字段进行查询",
   value: "value",
@@ -101,10 +86,14 @@ const dataProps = buildProps({
   }
 });
 const dataEmits = ["change", "update:modelValue"];
+const dataSlot = {
+  default: "default"
+};
 const dataExpose = {};
 export {
   dataEmits,
   dataExpose,
   dataProps,
+  dataSlot,
   roleSelect
 };

package/dist/components/tree-select-box/src/index.cjs

@@ -1,266 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const data = require("./data.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
-require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
-require("../../../hooks/global-config/index.cjs");
-const index = require("../../../hooks/locale/index.cjs");
-require("../../../utils/vues/getBuildProps.cjs");
-require("@fangzhongya/utils/css/setObjStyle");
-require("@fangzhongya/utils/css/getCss");
-const index$3 = require("../../input/index.cjs");
-const index$4 = require("../../tree/index.cjs");
-const index$2 = require("../../select-dialog/index.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    index.useLocale();
-    const cs = index$1.useCssName("tree-select-box");
-    const propss = __props;
-    const emit = __emit;
-    const refSelectDialog = vue.ref();
-    const refTree = vue.ref();
-    const psprops = vue.computed(() => {
-      return Object.assign({}, data.roleSelect, propss.props);
-    });
-    const search = vue.ref("");
-    const nodes = vue.ref({});
-    const list = vue.ref([]);
-    vue.watch(
-      () => propss.modelValue,
-      () => {
-        if (propss.modelValue) {
-          list.value = [...propss.modelValue];
-        } else {
-          list.value = [];
-        }
-        setTreeVale();
-      },
-      { immediate: true, deep: true }
-    );
-    const listData = vue.ref([]);
-    function lazyLoad(data2, callback) {
-      onInput(data2, callback);
-    }
-    function onInput(data2 = {}, callback) {
-      if (psprops.value.lazyLoad) {
-        psprops.value.lazyLoad(
-          data2,
-          (v, node) => {
-            const prop = psprops.value.value;
-            if (node) {
-              Object.keys(node).forEach((key) => {
-                setNodes(key, node[key]);
-              });
-            } else {
-              v.forEach((o) => {
-                const id = o[prop];
-                setNodes(id, o);
-              });
-            }
-            if (psprops.value.lazy && callback) {
-              callback(v);
-            } else {
-              listData.value = v;
-            }
-          },
-          search.value
-        );
-      } else {
-        listData.value = propss.options;
-      }
-    }
-    function setNodes(key, obj) {
-      nodes.value[key] = Object.assign(nodes.value[key] || {}, obj);
-    }
-    function getName(key) {
-      const name = psprops.value.label;
-      let obj = nodes.value[key] || {};
-      return obj[name];
-    }
-    function setInputName(key) {
-      const name = psprops.value.inpuIabel;
-      if (name) {
-        let obj = nodes.value[key] || {};
-        return obj[name];
-      } else {
-        return getName(key);
-      }
-    }
-    function getNameExplain(key) {
-      const name = psprops.value.explain;
-      if (name) {
-        let obj = nodes.value[key] || {};
-        return obj[name];
-      }
-    }
-    function onDialogffirm(val) {
-      emit("update:modelValue", val);
-      emit("change", val);
-    }
-    function handleTreeClick(data2) {
-      const prop = psprops.value.value;
-      const d = data2[prop];
-      if (!propss.props.checkStrictly) {
-        if (nodes.value[d].leaf === false) {
-          return;
-        }
-      }
-      const disabledname = psprops.value.disabled;
-      if (psprops.value.multiple) {
-        if (!data2[disabledname]) {
-          if (list.value.includes(d)) {
-            list.value = list.value.filter((o) => {
-              return o != d;
-            });
-          } else {
-            list.value.push(d);
-          }
-          setTreeVale();
-        }
-      } else {
-        if (!data2[disabledname]) {
-          list.value = [d];
-        }
-      }
-    }
-    function handleTreeChange(data2, node) {
-      list.value = node.checkedKeys;
-    }
-    function onChange() {
-      setTreeVale();
-    }
-    function onDialog(is) {
-      if (is) {
-        if (propss.modelValue) {
-          list.value = [...propss.modelValue];
-        } else {
-          list.value = [];
-        }
-        search.value = "";
-        onInput({}, (v) => listData.value = v);
-        setTreeVale();
-      }
-    }
-    function setTreeVale() {
-      if (refTree.value && refTree.value.refEl) {
-        refTree.value.refEl.setCheckedKeys(list.value, true);
-      }
-    }
-    onInput({}, (v) => listData.value = v);
-    function setNodesObj(node) {
-      if (node) {
-        if (node instanceof Array) {
-          const prop = psprops.value.value;
-          node.forEach((o) => {
-            const id = o[prop];
-            setNodes(id, o);
-          });
-        } else {
-          Object.keys(node).forEach((key) => {
-            setNodes(key, node[key]);
-          });
-        }
-      }
-    }
-    __expose({
-      ...data.dataExpose,
-      setNodesObj,
-      getInputName() {
-        return refSelectDialog.value.inputName;
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z())
-      }, [
-        vue.createVNode(vue.unref(index$2.SelectDialog), {
-          "get-name": getName,
-          "get-name-explain": getNameExplain,
-          placeholder: propss.placeholder,
-          setInputName,
-          disabled: propss.disabled,
-          appendToBody: propss.appendToBody,
-          ref_key: "refSelectDialog",
-          ref: refSelectDialog,
-          modelValue: list.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => list.value = $event),
-          value: propss.modelValue,
-          width: propss.width,
-          title: propss.title,
-          onChange,
-          onDialog,
-          onConfirm: onDialogffirm
-        }, {
-          suffix: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "suffix")
-          ]),
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(cs).z("dialog-li"))
-            }, [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(cs).z("dialog-li-top"))
-              }, [
-                vue.createVNode(vue.unref(index$3.Input), {
-                  placeholder: psprops.value.searchPlaceholder,
-                  modelValue: search.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
-                  clearable: "",
-                  onKeyup: vue.withKeys(onInput, ["enter", "native"])
-                }, null, 8, ["placeholder", "modelValue"])
-              ], 2),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(cs).z("dialog-gap"))
-              }, null, 2),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass([vue.unref(cs).z("dialog-li-div"), vue.unref(cs).z("dialog-li-tree")])
-              }, [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass([vue.unref(cs).z("dialog-div-tree")])
-                }, [
-                  vue.createVNode(vue.unref(index$4.Tree), {
-                    data: listData.value,
-                    "highlight-current": "",
-                    "node-key": psprops.value.value,
-                    "show-checkbox": psprops.value.multiple,
-                    "check-strictly": psprops.value.checkStrictly,
-                    ref_key: "refTree",
-                    ref: refTree,
-                    lazy: psprops.value.lazy,
-                    load: lazyLoad,
-                    props: {
-                      isLeaf: "leaf",
-                      value: psprops.value.value,
-                      label: psprops.value.label,
-                      disabled: psprops.value.disabled,
-                      children: psprops.value.children
-                    },
-                    onNodeClick: handleTreeClick,
-                    onCheck: handleTreeChange
-                  }, null, 8, ["data", "node-key", "show-checkbox", "check-strictly", "lazy", "props"])
-                ], 2)
-              ], 2)
-            ], 2)
-          ]),
-          _: 3
-        }, 8, ["placeholder", "disabled", "appendToBody", "modelValue", "value", "width", "title"])
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/tree-select-box/src/index.d.ts

@@ -30,11 +30,11 @@ declare function __VLS_template(): {
                 readonly separator: string;
                 readonly getName: Function;
                 readonly value?: ModelValue[] | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly placeholder?: string | undefined;
                 readonly title?: string | undefined;
                 readonly modelValue?: ModelValue[] | undefined;
                 readonly width?: string | number | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly placeholder?: string | undefined;
                 readonly setInputName?: Function | undefined;
                 readonly getNameExplain?: Function | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "appendToBody" | "separator" | "getName">;
@@ -1337,11 +1337,11 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
             readonly separator: string;
             readonly getName: Function;
             readonly value?: ModelValue[] | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly placeholder?: string | undefined;
             readonly title?: string | undefined;
             readonly modelValue?: ModelValue[] | undefined;
             readonly width?: string | number | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly placeholder?: string | undefined;
             readonly setInputName?: Function | undefined;
             readonly getNameExplain?: Function | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "appendToBody" | "separator" | "getName">;