@fangzhongya/fang-ui 0.0.38 → 0.0.39

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

@@ -1,4 +1,251 @@
 "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");
+require("../../../hooks/index.cjs");
+const index$3 = require("../../input/index.cjs");
+const index$4 = require("../../tree/index.cjs");
+const index$2 = require("../../select-dialog/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = 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;

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

@@ -1,4 +1,251 @@
-import _sfc_main from "./index.js";
+import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, withKeys, renderSlot } from "vue";
+import { roleSelect, dataExpose, dataEmits, dataProps } from "./data.js";
+import "../../../hooks/index.js";
+import { Input } from "../../input/index.js";
+import { Tree } from "../../tree/index.js";
+import { SelectDialog } from "../../select-dialog/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = useLocale();
+    const cs = useCssName("tree-select-box");
+    const propss = __props;
+    const emit = __emit;
+    const refSelectDialog = ref();
+    const refTree = ref();
+    const psprops = computed(() => {
+      return Object.assign({}, roleSelect, propss.props);
+    });
+    const search = ref("");
+    const nodes = ref({});
+    const list = ref([]);
+    watch(
+      () => propss.modelValue,
+      () => {
+        if (propss.modelValue) {
+          list.value = [...propss.modelValue];
+        } else {
+          list.value = [];
+        }
+        setTreeVale();
+      },
+      { immediate: true, deep: true }
+    );
+    const listData = ref([]);
+    function lazyLoad(data, callback) {
+      onInput(data, callback);
+    }
+    function onInput(data = {}, callback) {
+      if (psprops.value.lazyLoad) {
+        psprops.value.lazyLoad(
+          data,
+          (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(data) {
+      const prop = psprops.value.value;
+      const d = data[prop];
+      if (!propss.props.checkStrictly) {
+        if (nodes.value[d].leaf === false) {
+          return;
+        }
+      }
+      const disabledname = psprops.value.disabled;
+      if (psprops.value.multiple) {
+        if (!data[disabledname]) {
+          if (list.value.includes(d)) {
+            list.value = list.value.filter((o) => {
+              return o != d;
+            });
+          } else {
+            list.value.push(d);
+          }
+          setTreeVale();
+        }
+      } else {
+        if (!data[disabledname]) {
+          list.value = [d];
+        }
+      }
+    }
+    function handleTreeChange(data, 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({
+      ...dataExpose,
+      setNodesObj,
+      getInputName() {
+        return refSelectDialog.value.inputName;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z())
+      }, [
+        createVNode(unref(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: withCtx(() => [
+            renderSlot(_ctx.$slots, "suffix")
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(unref(cs).z("dialog-li"))
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("dialog-li-top"))
+              }, [
+                createVNode(unref(Input), {
+                  placeholder: psprops.value.searchPlaceholder,
+                  modelValue: search.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+                  clearable: "",
+                  onKeyup: withKeys(onInput, ["enter", "native"])
+                }, null, 8, ["placeholder", "modelValue"])
+              ], 2),
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("dialog-gap"))
+              }, null, 2),
+              createElementVNode("div", {
+                class: normalizeClass([unref(cs).z("dialog-li-div"), unref(cs).z("dialog-li-tree")])
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass([unref(cs).z("dialog-div-tree")])
+                }, [
+                  createVNode(unref(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);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/upload/index.cjs

@@ -2,7 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                   */
 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 Upload = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Upload");
 exports.Upload = Upload;
 exports.default = Upload;

package/dist/components/upload/index.js

@@ -1,6 +1,7 @@
 /* empty css                 */
 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 Upload = withInstall(_sfc_main, "Upload");
 export {
   Upload,

package/dist/components/upload/src/data.cjs

@@ -3,7 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const dataProps = buildProps.buildProps({});
 const dataEmits = [];
+const dataSlot = {};
 const dataExpose = {};
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

package/dist/components/upload/src/data.js

@@ -1,9 +1,11 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
 const dataProps = buildProps({});
 const dataEmits = [];
+const dataSlot = {};
 const dataExpose = {};
 export {
   dataEmits,
   dataExpose,
-  dataProps
+  dataProps,
+  dataSlot
 };

package/dist/components/upload/src/index.cjs

@@ -1,44 +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");
-const index$2 = require("../../../hooks/locale/index.cjs");
-const index = require("../../../hooks/inherit/index.cjs");
-const index$3 = require("element-plus/es/components/upload/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("upload");
-    index$2.useLocale();
-    __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(index$3.ElUpload), 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;
+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/upload/src/index.js

@@ -1,44 +1,4 @@
-import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { dataEmits, dataProps, dataExpose } 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 { ElUpload } from "element-plus/es/components/upload/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("upload");
-    useLocale();
-    __expose({
-      ...dataExpose,
-      refEl
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        class: unref(cs).z()
-      }, unref(attrs).root), [
-        createVNode(unref(ElUpload), 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);
-    };
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };

package/dist/components/upload/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 index$3 = require("element-plus/es/components/upload/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("upload");
+    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(index$3.ElUpload), 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;