@fmdeui/fmui 1.0.1

package/lib/packages/components/input/src/index.vue2.js

@@ -0,0 +1,262 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+require('../../../hooks/index.js');
+var useLocale = require('../../../hooks/useLocale.js');
+
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "FInput"
+  },
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    decimalLimit: { default: 2 },
+    inputType: { default: "text" },
+    appendTitle: { default: "" },
+    showThousands: { type: Boolean, default: false },
+    isTip: { type: Boolean, default: false },
+    isShowErrorTip: { type: Boolean, default: false },
+    customErrorTip: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useLocale.useLocale();
+    const attrs = vue.useAttrs();
+    const props = __props;
+    const emits = __emit;
+    const slots = vue.useSlots();
+    const REGEX = {
+      INTEGER: /^\d+$/,
+      PHONE: /^1[3456789]\d{9}$/,
+      ID_CARD: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
+      NUMBER: /((^[1-9]\d*)|^0)(\.\d+)?$/,
+      NUMBER_DECIMAL: /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/
+    };
+    const CHINESE = {
+      DIGITS: ["\u96F6", "\u58F9", "\u8D30", "\u53C1", "\u8086", "\u4F0D", "\u9646", "\u67D2", "\u634C", "\u7396"],
+      FRACTIONS: ["\u89D2", "\u5206"],
+      UNITS: [
+        ["\u5143", "\u4E07", "\u4EBF", "\u5146"],
+        ["", "\u62FE", "\u4F70", "\u4EDF"]
+      ]
+    };
+    const showTooltip = vue.computed(() => props.isTip && !props.showThousands);
+    const showAppend = vue.computed(() => slots.append || props.inputType === "amount");
+    const placeholderText = vue.computed(() => props.placeholder || t("plus.input.placeholder"));
+    const appendTitleText = vue.computed(() => props.appendTitle || t("plus.input.appendTitle"));
+    const inputProps = vue.computed(() => ({
+      placeholder: placeholderText.value,
+      clearable: true,
+      ...attrs
+    }));
+    const getInputRegex = () => {
+      if (props.inputType instanceof RegExp) {
+        return props.inputType;
+      }
+      switch (props.inputType) {
+        case "integer":
+          return REGEX.INTEGER;
+        case "phone":
+          return REGEX.PHONE;
+        case "idCard":
+          return REGEX.ID_CARD;
+        default:
+          return null;
+      }
+    };
+    const internalValue = vue.computed({
+      get() {
+        var _a;
+        if (props.inputType === "integer" && props.modelValue != null) {
+          return typeof props.modelValue === "number" ? String(props.modelValue) : props.modelValue;
+        }
+        return (_a = props.modelValue) != null ? _a : "";
+      },
+      set(val) {
+        if (props.inputType === "integer") {
+          if (!val || val === "") {
+            emits("update:modelValue", null);
+          } else {
+            const str = String(val);
+            const regex = getInputRegex();
+            emits("update:modelValue", (regex == null ? void 0 : regex.test(str)) ? Number(str) : str);
+          }
+        } else {
+          emits("update:modelValue", val != null ? val : "");
+        }
+      }
+    });
+    const validate = (value, pattern, errorKey) => {
+      if (pattern.test(value)) return value;
+      if (props.isShowErrorTip) {
+        const errorMsg = props.customErrorTip || (errorKey ? t(errorKey) : t("plus.input.validateError"));
+        elementPlus.ElMessage.error(errorMsg);
+      }
+      return null;
+    };
+    const formatAmount = (value) => {
+      if (!value) {
+        if (props.isShowErrorTip) {
+          const msg = t("plus.input.format") + (props.inputType === "amount" ? t("plus.input.amount") : t("plus.input.numbers"));
+          elementPlus.ElMessage.error(msg);
+        }
+        return "";
+      }
+      const fixed = value.toFixed(props.decimalLimit);
+      return props.showThousands ? fixed.replace(/\B(?=(\d{3})+(?!\d))/g, ",") : fixed;
+    };
+    const currencyFilter = (num, n = 2) => {
+      if (!REGEX.NUMBER.test(String(num)) || num == null && num !== 0) return "";
+      const n2 = n > 0 && n <= 20 ? n : 2;
+      const numStr = parseFloat(String(num).replace(/^\d\.-/g, "")).toFixed(n2);
+      const [int, dec] = numStr.split(".");
+      return `\uFFE5 ${int.replace(/\B(?=(\d{3})+(?!\d))/g, ",")}.${dec}`;
+    };
+    const digitUppercase = (num) => {
+      if (!REGEX.NUMBER_DECIMAL.test(String(num))) return t("plus.input.digitUppercase");
+      const isNegative = Number(num) < 0;
+      let absNum = Math.abs(Number(num));
+      let result = "";
+      CHINESE.FRACTIONS.forEach((fraction, index) => {
+        const digit = Math.floor(absNum * 10 * Math.pow(10, index)) % 10;
+        result += (CHINESE.DIGITS[digit] + fraction).replace(/零./, "");
+      });
+      result = result || "\u6574";
+      let integerPart = Math.floor(absNum);
+      for (let i = 0; i < CHINESE.UNITS[0].length && integerPart > 0; i++) {
+        let section = "";
+        for (let j = 0; j < CHINESE.UNITS[1].length && integerPart > 0; j++) {
+          section = CHINESE.DIGITS[integerPart % 10] + CHINESE.UNITS[1][j] + section;
+          integerPart = Math.floor(integerPart / 10);
+        }
+        result = section.replace(/(零.)*零$/, "").replace(/^$/, "\u96F6") + CHINESE.UNITS[0][i] + result;
+      }
+      return (isNegative ? "\u6B20" : "") + result.replace(/(零.)*零元/, "\u5143").replace(/(零.)+/g, "\u96F6").replace(/^整$/, "\u96F6\u5143\u6574");
+    };
+    const handleBlur = () => {
+      var _a, _b, _c;
+      const val = internalValue.value;
+      let formatted = val;
+      if (props.inputType instanceof RegExp) {
+        formatted = (_a = validate(String(val || ""), props.inputType)) != null ? _a : "";
+        internalValue.value = formatted;
+        return;
+      }
+      switch (props.inputType) {
+        case "amount":
+        case "decimal":
+          formatted = formatAmount(Number(val));
+          break;
+        case "phone":
+          formatted = (_b = validate(String(val || ""), REGEX.PHONE, "plus.input.validatePhone")) != null ? _b : "";
+          break;
+        case "integer": {
+          const result = validate(String(val || ""), REGEX.INTEGER, "plus.input.validateInteger");
+          formatted = result ? Number(result) : null;
+          break;
+        }
+        case "idCard":
+          formatted = (_c = validate(String(val || ""), REGEX.ID_CARD, "plus.input.validateIdCard")) != null ? _c : "";
+          break;
+      }
+      internalValue.value = formatted;
+    };
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
+      return showTooltip.value ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+        key: 0,
+        effect: "dark",
+        placement: "bottom-start"
+      }, {
+        content: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            null,
+            vue.toDisplayString(currencyFilter(__props.modelValue)),
+            1
+            /* TEXT */
+          ),
+          vue.createElementVNode(
+            "div",
+            null,
+            vue.toDisplayString(digitUppercase(__props.modelValue)),
+            1
+            /* TEXT */
+          )
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_input, vue.mergeProps({
+            modelValue: internalValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event)
+          }, inputProps.value, { onBlur: handleBlur }), vue.createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            vue.renderList(vue.unref(slots), (_, name) => {
+              return {
+                name,
+                fn: vue.withCtx((data) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(data)))
+                ])
+              };
+            }),
+            showAppend.value ? {
+              name: "append",
+              fn: vue.withCtx(() => [
+                __props.inputType === "amount" ? (vue.openBlock(), vue.createElementBlock(
+                  "span",
+                  _hoisted_1,
+                  vue.toDisplayString(appendTitleText.value),
+                  1
+                  /* TEXT */
+                )) : vue.renderSlot(_ctx.$slots, "append", { key: 1 })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["modelValue"])
+        ]),
+        _: 3
+        /* FORWARDED */
+      })) : (vue.openBlock(), vue.createBlock(_component_el_input, vue.mergeProps({
+        key: 1,
+        modelValue: internalValue.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => internalValue.value = $event)
+      }, inputProps.value, { onBlur: handleBlur }), vue.createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        vue.renderList(vue.unref(slots), (_, name) => {
+          return {
+            name,
+            fn: vue.withCtx((data) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(data)))
+            ])
+          };
+        }),
+        showAppend.value ? {
+          name: "append",
+          fn: vue.withCtx(() => [
+            __props.inputType === "amount" ? (vue.openBlock(), vue.createElementBlock(
+              "span",
+              _hoisted_2,
+              vue.toDisplayString(appendTitleText.value),
+              1
+              /* TEXT */
+            )) : vue.renderSlot(_ctx.$slots, "append", { key: 1 })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue"]));
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/input/src/type.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/lib/packages/components/input/style/css.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('@fmdeui/theme-chalk/f-input.css');
+

package/lib/packages/components/input/style/index.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('../../../theme-chalk/src/input.scss.js');
+

package/lib/packages/components/layout-page/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./src/index.vue.js');
+var index_vue_vue_type_script_setup_true_lang = require('./src/index.vue2.js');
+
+const FLayoutPage = index_vue_vue_type_script_setup_true_lang.default;
+
+exports.FLayoutPage = FLayoutPage;

package/lib/packages/components/layout-page/src/index.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/lib/packages/components/layout-page/src/index.vue2.js

@@ -0,0 +1,103 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var svg = require('@element-plus/icons-vue');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "back_to_top"
+};
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "FLayoutPage"
+  },
+  __name: "index",
+  props: {
+    keepScrollDisabled: { type: Boolean, default: false },
+    isNoMargin: { type: Boolean, default: false },
+    showGoTopButton: { type: Boolean, default: true },
+    scrollToTop: { default: 100 }
+  },
+  setup(__props) {
+    const props = __props;
+    const isShowGoTopButton = vue.ref(false);
+    const FLayoutPageRef = vue.ref(null);
+    const scrollTop = vue.ref(0);
+    vue.watch(
+      () => scrollTop.value,
+      (newVal) => {
+        if (newVal > props.scrollToTop) {
+          isShowGoTopButton.value = true;
+        } else {
+          isShowGoTopButton.value = false;
+        }
+      }
+    );
+    const backToTop = () => {
+      scrollTop.value = 0;
+      FLayoutPageRef.value.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+    };
+    vue.onMounted(() => {
+      const pageItems = FLayoutPageRef.value.querySelectorAll(".f_layout_page_item");
+      if (pageItems.length === 2) {
+        pageItems[0].style.marginBottom = "8px";
+      }
+      if (pageItems.length > 2) {
+        pageItems.forEach((item) => {
+          item.style.marginBottom = "8px";
+        });
+        pageItems[pageItems.length - 1].style.marginBottom = "0";
+      }
+    });
+    vue.onActivated(() => {
+      if (!props.keepScrollDisabled) {
+        ;
+        FLayoutPageRef.value.scrollTop = scrollTop;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          ref_key: "FLayoutPageRef",
+          ref: FLayoutPageRef,
+          class: vue.normalizeClass(["f_layout_page", { layout_page_no_margin: __props.isNoMargin }]),
+          onScroll: _cache[0] || (_cache[0] = (e) => scrollTop.value = e.target.scrollTop)
+        },
+        [
+          vue.renderSlot(_ctx.$slots, "default"),
+          __props.showGoTopButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            isShowGoTopButton.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              onClick: backToTop
+            }, [
+              vue.createVNode(
+                _component_el_icon,
+                vue.normalizeProps(vue.guardReactiveProps({ size: 24, ..._ctx.$attrs })),
+                {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(svg.CaretTop))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                },
+                16
+                /* FULL_PROPS */
+              )
+            ])) : vue.createCommentVNode("v-if", true)
+          ])) : vue.createCommentVNode("v-if", true)
+        ],
+        34
+        /* CLASS, NEED_HYDRATION */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/layout-page/style/css.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('@fmdeui/theme-chalk/f-layout-page.css');
+

package/lib/packages/components/layout-page/style/index.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('../../../theme-chalk/src/layout-page.scss.js');
+

package/lib/packages/components/layout-page-item/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./src/index.vue.js');
+var index_vue_vue_type_script_setup_true_name_FLayoutPageItem_lang = require('./src/index.vue2.js');
+
+const FLayoutPageItem = index_vue_vue_type_script_setup_true_name_FLayoutPageItem_lang.default;
+
+exports.FLayoutPageItem = FLayoutPageItem;

package/lib/packages/components/layout-page-item/src/index.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_name_FLayoutPageItem_lang = require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_setup_true_name_FLayoutPageItem_lang.default;

package/lib/packages/components/layout-page-item/src/index.vue2.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "FLayoutPageItem"
+  },
+  __name: "index",
+  props: {
+    isNoMargin: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "section",
+        {
+          class: vue.normalizeClass(["f_layout_page_item", { page_item_no_margin: __props.isNoMargin }])
+        },
+        [
+          vue.renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/layout-page-item/style/css.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('@fmdeui/theme-chalk/f-layout-page-item.css');
+

package/lib/packages/components/layout-page-item/style/index.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('../../../theme-chalk/src/layout-page-item.scss.js');
+

package/lib/packages/components/query-condition/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+require('./src/index.vue.js');
+require('./src/type.js');
+var index_vue_vue_type_script_setup_true_lang = require('./src/index.vue2.js');
+
+const FQueryCondition = index_vue_vue_type_script_setup_true_lang.default;
+
+exports.FQueryCondition = FQueryCondition;

package/lib/packages/components/query-condition/src/index.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;