@fangzhongya/fang-ui 0.0.37 → 0.0.39

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

@@ -1,4 +1,213 @@
 "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 elementPlus = require("element-plus");
+const index$3 = require("../../input/index.cjs");
+const index$4 = require("../../checkbox-group/index.cjs");
+const index$5 = require("../../checkbox/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("role-select");
+    const propss = __props;
+    const emit = __emit;
+    const refSelectDialog = vue.ref();
+    const psprops = vue.computed(() => {
+      return Object.assign({}, data.roleSelect, propss.props);
+    });
+    const search = vue.ref("");
+    function onInput() {
+      const prop = psprops.value.value;
+      if (psprops.value.lazyLoad) {
+        psprops.value.lazyLoad(search.value, (v) => {
+          v.forEach((o) => {
+            const id = o[prop];
+            nodes.value[id] = o;
+          });
+          listData.value = v;
+        });
+      }
+    }
+    const list = vue.ref([]);
+    vue.watch(
+      () => propss.modelValue,
+      () => {
+        if (propss.modelValue) {
+          list.value = [...propss.modelValue];
+        } else {
+          list.value = [];
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    const nodes = vue.ref({});
+    const listData = vue.ref([]);
+    function onChange(obj) {
+      const prop = psprops.value.value;
+      if (!psprops.value.multiple) {
+        list.value = [obj[prop]];
+      }
+    }
+    function getName(key) {
+      const name = psprops.value.label;
+      let obj = nodes.value[key] || {};
+      return obj[name];
+    }
+    function getNameExplain(key) {
+      const name = psprops.value.explain;
+      if (name) {
+        let obj = nodes.value[key] || {};
+        return obj[name];
+      }
+    }
+    function onDialog(is) {
+      if (is) {
+        if (propss.modelValue) {
+          list.value = [...propss.modelValue];
+        } else {
+          list.value = [];
+        }
+        search.value = "";
+        onInput();
+      }
+    }
+    function onDialogffirm(val) {
+      emit("update:modelValue", val);
+      emit("change", val);
+    }
+    onInput();
+    function setNodesObj(node) {
+      if (node) {
+        if (node instanceof Array) {
+          const prop = psprops.value.value;
+          node.forEach((o) => {
+            const id = o[prop];
+            nodes.value[id] = o;
+          });
+        } else {
+          Object.keys(node).forEach((key) => {
+            nodes.value[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,
+          disabled: propss.disabled,
+          placeholder: propss.placeholder,
+          appendToBody: propss.appendToBody,
+          ref_key: "refSelectDialog",
+          ref: refSelectDialog,
+          modelValue: list.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => list.value = $event),
+          value: propss.modelValue,
+          width: propss.width,
+          title: propss.title,
+          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,
+                  clearable: "",
+                  modelValue: search.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+                  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.CheckboxGroup), {
+                    modelValue: list.value,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => list.value = $event)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(elementPlus.ElTable), {
+                        data: listData.value,
+                        height: "100%",
+                        style: { "width": "100%" }
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(elementPlus.ElTableColumn), {
+                            type: "index",
+                            label: "序号",
+                            width: "60"
+                          }),
+                          vue.createVNode(vue.unref(elementPlus.ElTableColumn), {
+                            prop: psprops.value.label,
+                            label: "角色名称"
+                          }, null, 8, ["prop"]),
+                          vue.createVNode(vue.unref(elementPlus.ElTableColumn), {
+                            width: "60",
+                            label: "选择"
+                          }, {
+                            default: vue.withCtx(({ row }) => [
+                              vue.createVNode(vue.unref(index$5.Checkbox), {
+                                onChange: () => {
+                                  onChange(row);
+                                },
+                                disabled: row[psprops.value.disabled],
+                                label: row[psprops.value.value]
+                              }, {
+                                default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                                  vue.createTextVNode(vue.toDisplayString(""), -1)
+                                ])),
+                                _: 2,
+                                __: [3]
+                              }, 1032, ["onChange", "disabled", "label"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["data"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ], 2)
+              ], 2)
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["disabled", "placeholder", "appendToBody", "modelValue", "value", "width", "title"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1,4 +1,213 @@
-import _sfc_main from "./index.js";
+import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, withKeys, createTextVNode, toDisplayString, renderSlot } from "vue";
+import { roleSelect, dataExpose, dataEmits, dataProps } from "./data.js";
+import "../../../hooks/index.js";
+import { ElTable, ElTableColumn } from "element-plus";
+import { Input } from "../../input/index.js";
+import { CheckboxGroup } from "../../checkbox-group/index.js";
+import { Checkbox } from "../../checkbox/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("role-select");
+    const propss = __props;
+    const emit = __emit;
+    const refSelectDialog = ref();
+    const psprops = computed(() => {
+      return Object.assign({}, roleSelect, propss.props);
+    });
+    const search = ref("");
+    function onInput() {
+      const prop = psprops.value.value;
+      if (psprops.value.lazyLoad) {
+        psprops.value.lazyLoad(search.value, (v) => {
+          v.forEach((o) => {
+            const id = o[prop];
+            nodes.value[id] = o;
+          });
+          listData.value = v;
+        });
+      }
+    }
+    const list = ref([]);
+    watch(
+      () => propss.modelValue,
+      () => {
+        if (propss.modelValue) {
+          list.value = [...propss.modelValue];
+        } else {
+          list.value = [];
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    const nodes = ref({});
+    const listData = ref([]);
+    function onChange(obj) {
+      const prop = psprops.value.value;
+      if (!psprops.value.multiple) {
+        list.value = [obj[prop]];
+      }
+    }
+    function getName(key) {
+      const name = psprops.value.label;
+      let obj = nodes.value[key] || {};
+      return obj[name];
+    }
+    function getNameExplain(key) {
+      const name = psprops.value.explain;
+      if (name) {
+        let obj = nodes.value[key] || {};
+        return obj[name];
+      }
+    }
+    function onDialog(is) {
+      if (is) {
+        if (propss.modelValue) {
+          list.value = [...propss.modelValue];
+        } else {
+          list.value = [];
+        }
+        search.value = "";
+        onInput();
+      }
+    }
+    function onDialogffirm(val) {
+      emit("update:modelValue", val);
+      emit("change", val);
+    }
+    onInput();
+    function setNodesObj(node) {
+      if (node) {
+        if (node instanceof Array) {
+          const prop = psprops.value.value;
+          node.forEach((o) => {
+            const id = o[prop];
+            nodes.value[id] = o;
+          });
+        } else {
+          Object.keys(node).forEach((key) => {
+            nodes.value[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,
+          disabled: propss.disabled,
+          placeholder: propss.placeholder,
+          appendToBody: propss.appendToBody,
+          ref_key: "refSelectDialog",
+          ref: refSelectDialog,
+          modelValue: list.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => list.value = $event),
+          value: propss.modelValue,
+          width: propss.width,
+          title: propss.title,
+          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,
+                  clearable: "",
+                  modelValue: search.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+                  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(CheckboxGroup), {
+                    modelValue: list.value,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => list.value = $event)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ElTable), {
+                        data: listData.value,
+                        height: "100%",
+                        style: { "width": "100%" }
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(ElTableColumn), {
+                            type: "index",
+                            label: "序号",
+                            width: "60"
+                          }),
+                          createVNode(unref(ElTableColumn), {
+                            prop: psprops.value.label,
+                            label: "角色名称"
+                          }, null, 8, ["prop"]),
+                          createVNode(unref(ElTableColumn), {
+                            width: "60",
+                            label: "选择"
+                          }, {
+                            default: withCtx(({ row }) => [
+                              createVNode(unref(Checkbox), {
+                                onChange: () => {
+                                  onChange(row);
+                                },
+                                disabled: row[psprops.value.disabled],
+                                label: row[psprops.value.value]
+                              }, {
+                                default: withCtx(() => _cache[3] || (_cache[3] = [
+                                  createTextVNode(toDisplayString(""), -1)
+                                ])),
+                                _: 2,
+                                __: [3]
+                              }, 1032, ["onChange", "disabled", "label"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["data"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ], 2)
+              ], 2)
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["disabled", "placeholder", "appendToBody", "modelValue", "value", "width", "title"])
+      ], 2);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/seamless-scroll/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 SeamlessScroll = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "SeamlessScroll");
 exports.SeamlessScroll = SeamlessScroll;
 exports.default = SeamlessScroll;

package/dist/components/seamless-scroll/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 SeamlessScroll = withInstall(_sfc_main, "SeamlessScroll");
 export {
   SeamlessScroll,

package/dist/components/seamless-scroll/src/data.cjs

@@ -28,7 +28,11 @@ const dataEmits = {
   change: (evt) => {
   }
 };
+const dataSlot = {
+  default: "default"
+};
 const dataExpose = {};
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

package/dist/components/seamless-scroll/src/data.js

@@ -26,9 +26,13 @@ const dataEmits = {
   change: (evt) => {
   }
 };
+const dataSlot = {
+  default: "default"
+};
 const dataExpose = {};
 export {
   dataEmits,
   dataExpose,
-  dataProps
+  dataProps,
+  dataSlot
 };

package/dist/components/seamless-scroll/src/index.cjs

@@ -1,148 +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 = require("../../../hooks/cssname/index.cjs");
-const d3Timer = require("d3-timer");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = index.useCssName("seamless-scroll");
-    const props = __props;
-    const loopCount = vue.ref(new Array(5));
-    let ties = null;
-    let tWatch = null;
-    const refDom = vue.ref();
-    const refLine = vue.ref();
-    const refWarp = vue.ref();
-    let parentHeight = vue.ref(0);
-    const createTimer = (handle, fps = 32) => new Promise((resolve, reject) => {
-      resolve(
-        d3Timer.timer(() => {
-          try {
-            handle();
-          } catch (err) {
-            reject(err);
-          }
-        }, 1e3 / fps)
-      );
-    });
-    const getTime = () => (/* @__PURE__ */ new Date()).getTime();
-    const val = vue.ref();
-    const currentFps = vue.ref(60);
-    let animation = true;
-    let lastTime = getTime();
-    const onStop = () => animation = false;
-    const onPlay = () => {
-      animation = true;
-      lastTime = getTime();
-    };
-    const hideItemsIndex = vue.ref([]);
-    vue.onMounted(() => {
-      vue.nextTick(() => {
-        refDom.value.addEventListener("mouseover", onStop);
-        refDom.value.addEventListener("mouseout", onPlay);
-        const parentElementRect = refDom.value.parentElement.getBoundingClientRect();
-        parentHeight.value = parentElementRect.height;
-        let warpLineHeight = refLine.value[0].getBoundingClientRect().height;
-        let lastY = -warpLineHeight;
-        let translateY = -warpLineHeight;
-        loopCount.value = new Array(
-          Math.ceil(parentHeight.value / warpLineHeight) * 3
-        );
-        createTimer(() => {
-          if (!animation && props.pauseOnHover) {
-            return;
-          }
-          const limitHeight = props.reverse ? -warpLineHeight * (loopCount.value.length / 3) : -warpLineHeight * (loopCount.value.length / 3 * 2);
-          const currentTime = getTime();
-          currentFps.value = Math.ceil(1e3 / (currentTime - lastTime));
-          const len = (currentTime - lastTime) * (props.stepLength / 1e3);
-          lastTime = currentTime;
-          translateY += (props.reverse ? 1 : -1) * len;
-          if (props.reverse) {
-            translateY = translateY > limitHeight ? -(warpLineHeight + Math.abs(translateY % warpLineHeight)) : translateY;
-          } else {
-            translateY = translateY < limitHeight ? Math.sign(translateY) * (Math.abs(translateY % warpLineHeight) + warpLineHeight) : translateY;
-          }
-          val.value = translateY;
-          refWarp.value.style.setProperty(
-            "transform",
-            `translate3d(0px ,${translateY}px,0px)`
-          );
-          lastY = translateY;
-          const indexs = [];
-          refLine.value.forEach((item, i) => {
-            let currenRect = refLine.value[i].getBoundingClientRect();
-            let parentElementRect2 = refDom.value.parentElement.getBoundingClientRect();
-            if (currenRect.y + currenRect.height < parentElementRect2.y || currenRect.y > parentElementRect2.y + parentElementRect2.height) {
-              indexs.push(i);
-            } else {
-              indexs.splice(hideItemsIndex.value.indexOf(i), 1);
-            }
-          });
-          hideItemsIndex.value = indexs;
-        }).then((timer2) => {
-          ties = timer2;
-        }).catch((err) => {
-          console.error(err);
-        });
-        createTimer(() => {
-          parentHeight.value = refDom.value.parentElement.getBoundingClientRect().height;
-          warpLineHeight = refLine.value[0].getBoundingClientRect().height;
-          loopCount.value = new Array(
-            Math.ceil(parentHeight.value / warpLineHeight) * 3
-          );
-        }).then((timer2) => {
-          tWatch = timer2;
-        }).catch((err) => {
-          console.error(err);
-        });
-      });
-    });
-    vue.onUnmounted(() => {
-      ties?.stop();
-      tWatch?.stop();
-      if (refDom.value) {
-        refDom.value.removeEventListener("mouseover", onStop);
-        refDom.value.removeEventListener("mouseout", onPlay);
-      }
-    });
-    __expose({
-      ...data.dataExpose
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "refDom",
-        ref: refDom,
-        class: vue.normalizeClass(vue.unref(cs).z()),
-        style: vue.normalizeStyle({ height: vue.unref(parentHeight) + "px" })
-      }, [
-        vue.createElementVNode("div", {
-          ref_key: "refWarp",
-          ref: refWarp,
-          class: vue.normalizeClass(vue.unref(cs).z("warp"))
-        }, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(loopCount.value.length, (i) => {
-            return vue.openBlock(), vue.createBlock(vue.KeepAlive, {
-              key: "ss_" + i
-            }, [
-              !hideItemsIndex.value.includes(i) ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                ref_for: true,
-                ref_key: "refLine",
-                ref: refLine,
-                class: vue.normalizeClass(vue.unref(cs).z("warp-line"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "default")
-              ], 2)) : vue.createCommentVNode("", true)
-            ], 1024);
-          }), 128))
-        ], 2)
-      ], 6);
-    };
-  }
-});
-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;