@fmdeui/fmui 1.0.1

package/es/packages/components/chart/src/index.vue2.mjs

@@ -0,0 +1,109 @@
+import { defineComponent, getCurrentInstance, ref, useAttrs, markRaw, nextTick, computed, watch, onMounted, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, mergeProps, withDirectives, createElementVNode, vShow, renderSlot, createVNode, createCommentVNode } from 'vue';
+import { useResizeObserver } from '@vueuse/core';
+import { toLine, debounce } from '../../utils/index.mjs';
+
+const _hoisted_1 = ["id"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FChart"
+  },
+  __name: "index",
+  props: {
+    options: { default: () => ({}) },
+    id: { default: () => Math.random().toString(36).substring(2, 8) },
+    theme: { default: "" },
+    isEmpty: { type: [Boolean, Function], default: false },
+    description: { default: "\u6682\u65E0\u6570\u636E" }
+  },
+  setup(__props, { emit: __emit }) {
+    const { proxy } = getCurrentInstance();
+    const props = __props;
+    const echartRef = ref();
+    const chart = ref();
+    const emits = __emit;
+    const events = Object.entries(useAttrs());
+    const renderChart = () => {
+      chart.value = markRaw(proxy.$echarts.init(echartRef.value, props.theme));
+      setOption(props.options);
+      emits("chart", chart.value);
+      events.forEach(([key, value]) => {
+        if (key.startsWith("on") && !key.startsWith("onChart")) {
+          const on = toLine(key).substring(3);
+          chart.value.on(on, (...args) => emits(on, ...args));
+        }
+      });
+      useResizeObserver(echartRef.value, resizeChart);
+    };
+    const resizeChart = debounce(
+      () => {
+        var _a;
+        (_a = chart.value) == null ? void 0 : _a.resize();
+      },
+      300,
+      true
+    );
+    const setOption = debounce(
+      async (data) => {
+        if (!chart.value) return;
+        chart.value.setOption(data, true, true);
+        await nextTick();
+        resizeChart();
+      },
+      300,
+      true
+    );
+    const formatEmpty = computed(() => {
+      if (typeof props.isEmpty === "function") {
+        return props.isEmpty(props.options);
+      }
+      return props.isEmpty;
+    });
+    watch(
+      () => props.options,
+      async (nw) => {
+        await nextTick();
+        setOption(nw);
+      },
+      { deep: true }
+    );
+    watch(
+      () => props.theme,
+      async () => {
+        chart.value.dispose();
+        renderChart();
+      }
+    );
+    onMounted(() => {
+      renderChart();
+    });
+    onBeforeUnmount(() => {
+      chart.value.dispose();
+      chart.value = null;
+    });
+    return (_ctx, _cache) => {
+      const _component_el_empty = resolveComponent("el-empty");
+      return openBlock(), createElementBlock(
+        "div",
+        mergeProps({ class: "f-chart" }, _ctx.$attrs),
+        [
+          withDirectives(createElementVNode("div", {
+            class: "f-chart-container",
+            id: __props.id,
+            ref_key: "echartRef",
+            ref: echartRef
+          }, null, 8, _hoisted_1), [
+            [vShow, !formatEmpty.value]
+          ]),
+          formatEmpty.value ? renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
+            createVNode(_component_el_empty, mergeProps(_ctx.$attrs, { description: __props.description }), null, 16, ["description"])
+          ]) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/chart/src/type.mjs

@@ -0,0 +1 @@
+

package/es/packages/components/chart/style/css.mjs

@@ -0,0 +1 @@
+import '@fmdeui/theme-chalk/f-chart.css';

package/es/packages/components/chart/style/index.mjs

@@ -0,0 +1 @@
+import '../../../theme-chalk/src/chart.scss.mjs';

package/es/packages/components/form/index.mjs

@@ -0,0 +1,7 @@
+import './src/index.vue.mjs';
+import './src/type.mjs';
+import _sfc_main from './src/index.vue2.mjs';
+
+const FForm = _sfc_main;
+
+export { FForm };

package/es/packages/components/form/src/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/form/src/index.vue2.mjs

@@ -0,0 +1,464 @@
+import { defineComponent, computed, ref, getCurrentInstance, watch, onMounted, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createSlots, renderSlot, createCommentVNode, toDisplayString, resolveDynamicComponent, toHandlers, createTextVNode, createElementVNode } from 'vue';
+import './renderComp.vue.mjs';
+import './renderBtn.vue.mjs';
+import '../../../hooks/index.mjs';
+import { useLocale } from '../../../hooks/useLocale.mjs';
+import _sfc_main$1 from './renderComp.vue2.mjs';
+import _sfc_main$2 from './renderBtn.vue2.mjs';
+
+const _hoisted_1 = {
+  key: 1,
+  class: "text_show"
+};
+const _hoisted_2 = { class: "footer_btn flex-box flex-ver f-margin-top-5" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FForm"
+  },
+  __name: "index",
+  props: {
+    className: { default: "" },
+    formOpts: { default: () => ({}) },
+    widthSize: { default: 2 },
+    labelPosition: { default: "right" },
+    isTrim: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue", "handleEvent", "getRefs"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const cEvent = computed(() => {
+      return (item, type = "") => {
+        let event = { ...item.eventHandle };
+        let changeEvent = {};
+        Object.keys(event).forEach((v) => {
+          changeEvent[v] = (e, ids) => {
+            if (type === "f-select-table") {
+              event[v] && event[v](e, ids);
+            } else {
+              event[v] && event[v](e, props.formOpts);
+            }
+          };
+        });
+        return { ...changeEvent };
+      };
+    });
+    const selectListType = computed(() => {
+      return (item) => {
+        if (props.formOpts.listTypeInfo) {
+          return props.formOpts.listTypeInfo[item.list];
+        } else {
+          return [];
+        }
+      };
+    });
+    const compChildName = computed(() => {
+      return (opt) => {
+        switch (opt.type) {
+          case "checkbox":
+            return "el-checkbox";
+          case "radio":
+            return "el-radio";
+          case "select-arr":
+          case "select-obj":
+            return "el-option";
+        }
+      };
+    });
+    const compChildLabel = computed(() => {
+      return (opt, value) => {
+        switch (opt.type) {
+          case "radio":
+          case "checkbox":
+            return value[opt.arrLabel || "label"];
+          case "el-select-multiple":
+          case "select-arr":
+            return value[opt.arrLabel || "label"];
+          case "select-obj":
+            return value;
+        }
+      };
+    });
+    const compChildValue = computed(() => {
+      return (opt, value, key) => {
+        switch (opt.type) {
+          case "radio":
+          case "checkbox":
+            return value[opt.arrKey || "key"];
+          case "el-select-multiple":
+          case "select-arr":
+            return value[opt.arrKey || "key"];
+          case "select-obj":
+            return key;
+        }
+      };
+    });
+    const compChildShowLabel = computed(() => {
+      return (opt, value) => {
+        switch (opt.type) {
+          case "radio":
+          case "checkbox":
+            return value[opt.arrLabel || "label"];
+          case "el-select-multiple":
+          case "select-arr":
+            return value[opt.arrLabel || "label"];
+          case "select-obj":
+            return value;
+        }
+      };
+    });
+    const colSize = ref(props.widthSize);
+    const fform = ref(null);
+    const { t } = useLocale();
+    const instance = getCurrentInstance();
+    const emits = __emit;
+    watch(
+      () => props.formOpts.formData,
+      () => {
+        emits("update:modelValue", fform.value);
+      },
+      { deep: true }
+    );
+    watch(
+      () => props.widthSize,
+      (val) => {
+        if (val > 6) {
+          colSize.value = 6;
+        } else {
+          colSize.value = val;
+        }
+      },
+      { deep: true }
+    );
+    onMounted(() => {
+      var _a;
+      const entries = Object.entries(fform.value.$.exposed);
+      for (const [key, value] of entries) {
+        instance.exposed[key] = value;
+      }
+      let event = null;
+      let item = null;
+      props.formOpts.formData && Object.keys((_a = props == null ? void 0 : props.formOpts) == null ? void 0 : _a.formData).forEach((key) => {
+        if (props.formOpts.formData[key]) {
+          props.formOpts.fieldList.map((val) => {
+            if (val.value == key) {
+              event = val.event;
+              item = val;
+            }
+          });
+          handleEvent(event, props.formOpts.formData[key], item, false);
+        }
+      });
+      emits("update:modelValue", fform.value);
+    });
+    const getChildWidth = (item) => {
+      if (props.formOpts.labelPosition === "top") {
+        return `flex: 0 1 calc((${100 / (item.widthSize || colSize.value)}% - 10px));margin-right:10px;`;
+      } else {
+        return `flex: 0 1 ${100 / (item.widthSize || colSize.value)}%;`;
+      }
+    };
+    const getPlaceholder = (row) => {
+      let placeholder;
+      if (row.comp && typeof row.comp == "string") {
+        if (row.comp.includes("input")) {
+          placeholder = t("plus.form.pleaseEnter") + row.label;
+        } else if (row.comp.includes("select") || row.comp.includes("date")) {
+          placeholder = t("plus.form.pleaseSelect") + row.label;
+        } else {
+          placeholder = row.label;
+        }
+      }
+      return placeholder;
+    };
+    const handleEvent = (type, val, item, flag = true) => {
+      var _a;
+      if (flag && props.isTrim && !item.isTrim && item.comp.includes("el-input") && ((_a = item == null ? void 0 : item.bind) == null ? void 0 : _a.type) !== "number" && item.type !== "password" && item.type !== "inputNumber") {
+        props.formOpts.formData[item.value] = props.formOpts.formData[item.value].trim();
+      }
+      emits("handleEvent", type, val);
+    };
+    const selfValidate = () => {
+      return new Promise((resolve, reject) => {
+        fform.value.validate((valid) => {
+          if (valid) {
+            resolve({
+              valid,
+              formData: props.formOpts.formData
+            });
+          } else {
+            reject({
+              valid,
+              formData: null
+            });
+          }
+        });
+      });
+    };
+    const getRefs = (el, item, index) => {
+      emits("getRefs", el, item, index);
+    };
+    const tselecttableref = ref({});
+    const handleRef = (el, item, key) => {
+      emits("getRefs", el, item, key);
+      if (el) {
+        tselecttableref.value[`tselecttableref-${key}`] = el;
+      }
+    };
+    const selfResetFields = () => {
+      resetTselectTable();
+      fform.value.resetFields();
+    };
+    const resetTselectTable = () => {
+      const refList = Object.keys(tselecttableref.value).filter(
+        (item) => item.includes("tselecttableref")
+      );
+      if (refList.length > 0 && tselecttableref.value) {
+        refList.map((val) => {
+          tselecttableref.value[val].clear();
+        });
+      }
+    };
+    __expose({ ...instance.exposed, selfValidate, selfResetFields, resetTselectTable });
+    return (_ctx, _cache) => {
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createBlock(_component_el_form, mergeProps({
+        class: ["f-form", __props.className],
+        ref_key: "fform",
+        ref: fform,
+        model: __props.formOpts.formData,
+        rules: __props.formOpts.rules,
+        "label-width": __props.formOpts.labelWidth || "120px",
+        "label-position": __props.formOpts.labelPosition || __props.labelPosition || "right"
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(__props.formOpts.fieldList, (item, index) => {
+              return openBlock(), createElementBlock(
+                Fragment,
+                null,
+                [
+                  (typeof item.isHideItem == "function" ? item.isHideItem(__props.formOpts.formData) : !item.isHideItem) ? (openBlock(), createBlock(_component_el_form_item, mergeProps({
+                    key: index,
+                    prop: item.value,
+                    label: item.label,
+                    class: [
+                      item.className,
+                      { render_label: item.labelRender },
+                      { slot_label: item.slotName },
+                      { render_laber_position_left: __props.formOpts.labelPosition === "left" }
+                    ],
+                    rules: item.rules,
+                    "label-width": item.labelWidth,
+                    style: getChildWidth(item)
+                  }, { ref_for: true }, _ctx.$attrs), createSlots({
+                    default: withCtx(() => [
+                      item.slotName ? renderSlot(_ctx.$slots, item.slotName, {
+                        key: 0,
+                        scope: __props.formOpts.formData
+                      }) : createCommentVNode("v-if", true),
+                      item.textShow ? (openBlock(), createElementBlock(
+                        "span",
+                        _hoisted_1,
+                        toDisplayString(item.textValue || __props.formOpts.formData[item.value]),
+                        1
+                        /* TEXT */
+                      )) : createCommentVNode("v-if", true),
+                      item.isSelfCom ? (openBlock(), createElementBlock(
+                        Fragment,
+                        { key: 2 },
+                        [
+                          item.comp === "f-select-table" ? (openBlock(), createBlock(resolveDynamicComponent(item.comp), mergeProps(
+                            {
+                              key: 0,
+                              ref_for: true,
+                              ref: (el) => handleRef(el, item, index),
+                              placeholder: item.placeholder || getPlaceholder(item)
+                            },
+                            { ref_for: true },
+                            typeof item.bind == "function" ? item.bind(__props.formOpts.formData) : { clearable: true, filterable: true, ...item.bind },
+                            {
+                              style: { width: item.width || "100%" }
+                            },
+                            toHandlers(cEvent.value(item, "f-select-table"))
+                          ), null, 16, ["placeholder", "style"])) : (openBlock(), createBlock(resolveDynamicComponent(item.comp), mergeProps(
+                            {
+                              key: 1,
+                              modelValue: __props.formOpts.formData[item.value],
+                              "onUpdate:modelValue": ($event) => __props.formOpts.formData[item.value] = $event,
+                              placeholder: item.placeholder || getPlaceholder(item),
+                              ref_for: true,
+                              ref: (el) => getRefs(el, item, index)
+                            },
+                            { ref_for: true },
+                            typeof item.bind == "function" ? item.bind(__props.formOpts.formData) : { clearable: true, filterable: true, ...item.bind },
+                            {
+                              style: { width: item.width || "100%" }
+                            },
+                            toHandlers(cEvent.value(item))
+                          ), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder", "style"]))
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      )) : createCommentVNode("v-if", true),
+                      !item.slotName && !item.textShow && !item.isSelfCom ? (openBlock(), createBlock(resolveDynamicComponent(item.comp), mergeProps(
+                        {
+                          key: 3,
+                          modelValue: __props.formOpts.formData[item.value],
+                          "onUpdate:modelValue": ($event) => __props.formOpts.formData[item.value] = $event,
+                          type: item.type,
+                          placeholder: item.placeholder || getPlaceholder(item),
+                          onChange: ($event) => handleEvent(item.event, __props.formOpts.formData[item.value], item),
+                          ref_for: true,
+                          ref: (el) => getRefs(el, item, index)
+                        },
+                        { ref_for: true },
+                        typeof item.bind == "function" ? item.bind(__props.formOpts.formData) : { clearable: true, filterable: true, ...item.bind },
+                        {
+                          style: { width: item.width || "100%" }
+                        },
+                        toHandlers(cEvent.value(item))
+                      ), createSlots({
+                        default: withCtx(() => [
+                          item.childSlotName ? renderSlot(_ctx.$slots, item.childSlotName, { key: 0 }) : createCommentVNode("v-if", true),
+                          (openBlock(true), createElementBlock(
+                            Fragment,
+                            null,
+                            renderList(selectListType.value(item), (value, key) => {
+                              return openBlock(), createBlock(resolveDynamicComponent(compChildName.value(item)), {
+                                key: index,
+                                disabled: value.disabled,
+                                label: compChildLabel.value(item, value),
+                                value: compChildValue.value(item, value, key)
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(
+                                    toDisplayString(compChildShowLabel.value(item, value)),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["disabled", "label", "value"]);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, [
+                        item.prepend ? {
+                          name: "prepend",
+                          fn: withCtx(() => [
+                            createTextVNode(
+                              toDisplayString(item.prepend),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          key: "0"
+                        } : void 0,
+                        item.append ? {
+                          name: "append",
+                          fn: withCtx(() => [
+                            createTextVNode(
+                              toDisplayString(item.append),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          key: "1"
+                        } : void 0
+                      ]), 1040, ["modelValue", "onUpdate:modelValue", "type", "placeholder", "onChange", "style"])) : createCommentVNode("v-if", true)
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    item.labelSlotName || item.labelRender ? {
+                      name: "label",
+                      fn: withCtx(() => [
+                        item.labelRender ? (openBlock(), createBlock(_sfc_main$1, {
+                          key: 0,
+                          render: item.labelRender,
+                          item
+                        }, null, 8, ["render", "item"])) : createCommentVNode("v-if", true),
+                        item.labelSlotName ? renderSlot(_ctx.$slots, item.labelSlotName, {
+                          key: 1,
+                          scope: item
+                        }) : createCommentVNode("v-if", true)
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1040, ["prop", "label", "class", "rules", "label-width", "style"])) : createCommentVNode("v-if", true)
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              );
+            }),
+            256
+            /* UNKEYED_FRAGMENT */
+          )),
+          createCommentVNode(" \u6309\u94AE "),
+          createElementVNode("div", _hoisted_2, [
+            __props.formOpts.btnSlotName ? renderSlot(_ctx.$slots, __props.formOpts.btnSlotName, { key: 0 }) : createCommentVNode("v-if", true),
+            !__props.formOpts.btnSlotName && __props.formOpts.operatorList && __props.formOpts.operatorList.length > 0 ? (openBlock(true), createElementBlock(
+              Fragment,
+              { key: 1 },
+              renderList(__props.formOpts.operatorList, (val, index) => {
+                return openBlock(), createElementBlock(
+                  Fragment,
+                  null,
+                  [
+                    val.render ? (openBlock(), createBlock(_sfc_main$2, {
+                      key: index,
+                      item: val,
+                      render: val.render
+                    }, null, 8, ["item", "render"])) : (openBlock(), createElementBlock(
+                      Fragment,
+                      { key: 1 },
+                      [
+                        !val.isHideBtn ? (openBlock(), createBlock(_component_el_button, mergeProps({
+                          key: index,
+                          onClick: ($event) => val.fun(val)
+                        }, { ref_for: true }, {
+                          type: "primary",
+                          size: "small",
+                          ...val.bind
+                        }), {
+                          default: withCtx(() => [
+                            createTextVNode(
+                              toDisplayString(val.label),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1040, ["onClick"])) : createCommentVNode("v-if", true)
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    ))
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                );
+              }),
+              256
+              /* UNKEYED_FRAGMENT */
+            )) : createCommentVNode("v-if", true)
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class", "model", "rules", "label-width", "label-position"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/form/src/renderBtn.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './renderBtn.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/form/src/renderBtn.vue2.mjs

@@ -0,0 +1,23 @@
+import { defineComponent, openBlock, createBlock, resolveDynamicComponent } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RenderBtn"
+  },
+  __name: "renderBtn",
+  props: {
+    render: Function,
+    item: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const renderComponent = () => {
+      return props.render(props == null ? void 0 : props.item);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(renderComponent));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/form/src/renderComp.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './renderComp.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/form/src/renderComp.vue2.mjs

@@ -0,0 +1,23 @@
+import { defineComponent, openBlock, createBlock, resolveDynamicComponent } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RenderComp"
+  },
+  __name: "renderComp",
+  props: {
+    render: Function,
+    item: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const renderComponent = () => {
+      return props.render(props == null ? void 0 : props.item);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(renderComponent));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/form/src/type.mjs

@@ -0,0 +1 @@
+

package/es/packages/components/form/style/css.mjs

@@ -0,0 +1 @@
+import '@fmdeui/theme-chalk/f-form.css';

package/es/packages/components/form/style/index.mjs

@@ -0,0 +1 @@
+import '../../../theme-chalk/src/form.scss.mjs';

package/es/packages/components/index.mjs

@@ -0,0 +1,9 @@
+export { FButton } from './button/index.mjs';
+export { FInput } from './input/index.mjs';
+export { FLayoutPage } from './layout-page/index.mjs';
+export { FLayoutPageItem } from './layout-page-item/index.mjs';
+export { FChart } from './chart/index.mjs';
+export { FSelect } from './select/index.mjs';
+export { FSelectTable } from './select-table/index.mjs';
+export { FQueryCondition } from './query-condition/index.mjs';
+export { FForm } from './form/index.mjs';