@vunk/form 1.1.77 → 1.1.80

package/shared/element-plus/index.mjs

@@ -0,0 +1,285 @@
+import { timePickerDefaultProps, useTooltipContentProps, tagProps, inputProps, inputEmits, formProps, formEmits, formItemProps, switchProps, switchEmits, inputNumberProps, inputNumberEmits, radioGroupProps, radioGroupEmits, checkboxGroupProps, checkboxGroupEmits, uploadProps, colorPickerProps, colorPickerEmits, buttonProps, buttonEmits, cascaderProps, cascaderEmits, sliderProps, sliderEmits, version } from 'element-plus';
+import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
+import { defineComponent, openBlock, createElementBlock, createElementVNode } from 'vue';
+
+/*! Element Plus Icons Vue v2.3.1 */
+
+var arrow_down_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "ArrowDown",
+  __name: "arrow-down",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
+      })
+    ]));
+  }
+});
+
+// src/components/arrow-down.vue
+var arrow_down_default = arrow_down_vue_vue_type_script_setup_true_lang_default;
+var circle_close_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "CircleClose",
+  __name: "circle-close",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z"
+      }),
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
+      })
+    ]));
+  }
+});
+
+// src/components/circle-close.vue
+var circle_close_default = circle_close_vue_vue_type_script_setup_true_lang_default;
+
+const datePickerProps = {
+  ...timePickerDefaultProps,
+  type: {
+    type: String,
+    default: "date"
+  }
+};
+const datePickerEmits = {
+  "update:modelValue": null,
+  "change": null,
+  "focus": null,
+  "blur": null,
+  "calendar-change": null,
+  "panel-change": null,
+  "visible-change": null,
+  "keydown": null
+};
+const selectProps = {
+  name: String,
+  id: String,
+  modelValue: {
+    type: [Array, String, Number, Boolean, Object],
+    default: void 0
+  },
+  autocomplete: {
+    type: String,
+    default: "off"
+  },
+  automaticDropdown: Boolean,
+  size: {
+    type: String
+  },
+  effect: {
+    type: String,
+    default: "light"
+  },
+  disabled: Boolean,
+  clearable: Boolean,
+  filterable: Boolean,
+  allowCreate: Boolean,
+  loading: Boolean,
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  remote: Boolean,
+  loadingText: String,
+  noMatchText: String,
+  noDataText: String,
+  remoteMethod: Function,
+  filterMethod: Function,
+  multiple: Boolean,
+  multipleLimit: {
+    type: Number,
+    default: 0
+  },
+  placeholder: {
+    type: String
+  },
+  defaultFirstOption: Boolean,
+  reserveKeyword: {
+    type: Boolean,
+    default: true
+  },
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  collapseTags: Boolean,
+  collapseTagsTooltip: {
+    type: Boolean,
+    default: false
+  },
+  teleported: useTooltipContentProps.teleported,
+  persistent: {
+    type: Boolean,
+    default: true
+  },
+  clearIcon: {
+    type: [String, Object],
+    default: circle_close_default
+  },
+  fitInputWidth: {
+    type: Boolean,
+    default: false
+  },
+  suffixIcon: {
+    type: [String, Object],
+    default: arrow_down_default
+  },
+  // eslint-disable-next-line vue/require-prop-types
+  tagType: { ...tagProps.type, default: "info" }
+};
+const selectEmits = {
+  "update:modelValue": null,
+  "change": null,
+  "remove-tag": null,
+  "clear": null,
+  "visible-change": null,
+  "focus": null,
+  "blur": null
+};
+
+const createInputBindProps = bindPropsFactory(inputProps);
+const createInputOnEmits = onEmitsFactory(inputEmits);
+const createFormBindProps = bindPropsFactory(formProps);
+const createFormOnEmits = onEmitsFactory(formEmits);
+const createFormItemBindProps = bindPropsFactory(formItemProps);
+const createSwitchBindProps = bindPropsFactory(switchProps);
+const createSwitchOnEmits = onEmitsFactory(switchEmits);
+const createSelectBindProps = bindPropsFactory(selectProps);
+const createSelectOnEmits = onEmitsFactory(selectEmits);
+const createDatePickerBindProps = bindPropsFactory(datePickerProps);
+const createDatePickerOnEmits = onEmitsFactory(datePickerEmits);
+const createInputNumberBindProps = bindPropsFactory(inputNumberProps);
+const createInputNumberOnEmits = onEmitsFactory(inputNumberEmits);
+const createRadioGroupBindProps = bindPropsFactory(radioGroupProps);
+const createRadioGroupOnEmits = onEmitsFactory(radioGroupEmits);
+const createCheckboxGroupBindProps = bindPropsFactory(checkboxGroupProps);
+const createCheckboxGroupOnEmits = onEmitsFactory(checkboxGroupEmits);
+const createUploadBindProps = bindPropsFactory(uploadProps);
+const createColorPickerBindProps = bindPropsFactory(colorPickerProps);
+const createColorPickerOnEmits = onEmitsFactory(colorPickerEmits);
+const createButtonBindProps = bindPropsFactory(buttonProps);
+const createButtonOnEmits = onEmitsFactory(buttonEmits);
+const createCascaderBindProps = bindPropsFactory(cascaderProps);
+const createCascaderOnEmits = onEmitsFactory(cascaderEmits);
+const createSliderBindProps = bindPropsFactory(sliderProps);
+const createSliderOnEmits = onEmitsFactory(sliderEmits);
+
+const semver = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i;
+const validateAndParse = (version) => {
+    if (typeof version !== 'string') {
+        throw new TypeError('Invalid argument expected string');
+    }
+    const match = version.match(semver);
+    if (!match) {
+        throw new Error(`Invalid argument not valid semver ('${version}' received)`);
+    }
+    match.shift();
+    return match;
+};
+const isWildcard = (s) => s === '*' || s === 'x' || s === 'X';
+const tryParse = (v) => {
+    const n = parseInt(v, 10);
+    return isNaN(n) ? v : n;
+};
+const forceType = (a, b) => typeof a !== typeof b ? [String(a), String(b)] : [a, b];
+const compareStrings = (a, b) => {
+    if (isWildcard(a) || isWildcard(b))
+        return 0;
+    const [ap, bp] = forceType(tryParse(a), tryParse(b));
+    if (ap > bp)
+        return 1;
+    if (ap < bp)
+        return -1;
+    return 0;
+};
+const compareSegments = (a, b) => {
+    for (let i = 0; i < Math.max(a.length, b.length); i++) {
+        const r = compareStrings(a[i] || '0', b[i] || '0');
+        if (r !== 0)
+            return r;
+    }
+    return 0;
+};
+
+/**
+ * Compare [semver](https://semver.org/) version strings to find greater, equal or lesser.
+ * This library supports the full semver specification, including comparing versions with different number of digits like `1.0.0`, `1.0`, `1`, and pre-release versions like `1.0.0-alpha`.
+ * @param v1 - First version to compare
+ * @param v2 - Second version to compare
+ * @returns Numeric value compatible with the [Array.sort(fn) interface](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Parameters).
+ */
+const compareVersions = (v1, v2) => {
+    // validate input and split into segments
+    const n1 = validateAndParse(v1);
+    const n2 = validateAndParse(v2);
+    // pop off the patch
+    const p1 = n1.pop();
+    const p2 = n2.pop();
+    // validate numbers
+    const r = compareSegments(n1, n2);
+    if (r !== 0)
+        return r;
+    // validate pre-release
+    if (p1 && p2) {
+        return compareSegments(p1.split('.'), p2.split('.'));
+    }
+    else if (p1 || p2) {
+        return p1 ? -1 : 1;
+    }
+    return 0;
+};
+
+/**
+ * Compare [semver](https://semver.org/) version strings using the specified operator.
+ *
+ * @param v1 First version to compare
+ * @param v2 Second version to compare
+ * @param operator Allowed arithmetic operator to use
+ * @returns `true` if the comparison between the firstVersion and the secondVersion satisfies the operator, `false` otherwise.
+ *
+ * @example
+ * ```
+ * compare('10.1.8', '10.0.4', '>'); // return true
+ * compare('10.0.1', '10.0.1', '='); // return true
+ * compare('10.1.1', '10.2.2', '<'); // return true
+ * compare('10.1.1', '10.2.2', '<='); // return true
+ * compare('10.1.1', '10.2.2', '>='); // return false
+ * ```
+ */
+const compare = (v1, v2, operator) => {
+    // validate input operator
+    assertValidOperator(operator);
+    // since result of compareVersions can only be -1 or 0 or 1
+    // a simple map can be used to replace switch
+    const res = compareVersions(v1, v2);
+    return operatorResMap[operator].includes(res);
+};
+const operatorResMap = {
+    '>': [1],
+    '>=': [0, 1],
+    '=': [0],
+    '<=': [-1, 0],
+    '<': [-1],
+    '!=': [-1, 1],
+};
+const allowedOperators = Object.keys(operatorResMap);
+const assertValidOperator = (op) => {
+    if (allowedOperators.indexOf(op) === -1) {
+        throw new Error(`Invalid operator, expected one of ${allowedOperators.join('|')}`);
+    }
+};
+
+const isGte2_6_0 = compare(version, "2.6.0", ">=");
+
+export { createButtonBindProps, createButtonOnEmits, createCascaderBindProps, createCascaderOnEmits, createCheckboxGroupBindProps, createCheckboxGroupOnEmits, createColorPickerBindProps, createColorPickerOnEmits, createDatePickerBindProps, createDatePickerOnEmits, createFormBindProps, createFormItemBindProps, createFormOnEmits, createInputBindProps, createInputNumberBindProps, createInputNumberOnEmits, createInputOnEmits, createRadioGroupBindProps, createRadioGroupOnEmits, createSelectBindProps, createSelectOnEmits, createSliderBindProps, createSliderOnEmits, createSwitchBindProps, createSwitchOnEmits, createUploadBindProps, datePickerEmits, datePickerProps, isGte2_6_0, selectEmits, selectProps };

package/shared/element-plus/instances.d.ts

@@ -1,55 +1,56 @@
+import { ComponentSize, DatePickType } from 'element-plus';
 import { PropType, Component } from 'vue';
 export declare const datePickerProps: {
     type: {
-        type: PropType<"year" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+        type: PropType<DatePickType>;
         default: string;
     };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
     disabledDate: {
-        readonly type: PropType<Function>;
+        readonly type: import("vue").PropType<Function>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     cellClassName: {
-        readonly type: PropType<Function>;
+        readonly type: import("vue").PropType<Function>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     shortcuts: import("element-plus/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     arrowControl: BooleanConstructor;
     label: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
-    tabindex: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    tabindex: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown, 0, boolean>;
     validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     unlinkPanels: BooleanConstructor;
     disabledHours: {
-        readonly type: PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledHours>;
+        readonly type: import("vue").PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledHours>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledMinutes: {
-        readonly type: PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledMinutes>;
+        readonly type: import("vue").PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledMinutes>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledSeconds: {
-        readonly type: PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledSeconds>;
+        readonly type: import("vue").PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledSeconds>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     id: {
-        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    name: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown, "", boolean>;
+    name: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown, "", boolean>;
     popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     format: StringConstructor;
     valueFormat: StringConstructor;
@@ -57,37 +58,37 @@ export declare const datePickerProps: {
     timeFormat: StringConstructor;
     clearable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     clearIcon: {
-        readonly type: PropType<unknown>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     editable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     prefixIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
     size: {
-        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     placeholder: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     popperOptions: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | ((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>))[], unknown, unknown, () => {}, boolean>;
-    modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType))[], unknown, unknown, "", boolean>;
+    modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType))[], unknown, unknown, "", boolean>;
     rangeSeparator: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
     endPlaceholder: StringConstructor;
     defaultValue: {
-        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     defaultTime: {
-        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     isRange: BooleanConstructor;
@@ -106,7 +107,7 @@ export declare const selectProps: {
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
         default: any;
     };
     autocomplete: {
@@ -115,10 +116,10 @@ export declare const selectProps: {
     };
     automaticDropdown: BooleanConstructor;
     size: {
-        type: PropType<"" | "default" | "small" | "large">;
+        type: PropType<ComponentSize>;
     };
     effect: {
-        type: PropType<string>;
+        type: PropType<"light" | "dark" | string>;
         default: string;
     };
     disabled: BooleanConstructor;
@@ -179,7 +180,7 @@ export declare const selectProps: {
         default: string;
         type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>>;
         required: false;
-        validator: (val: unknown) => boolean;
+        validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 };

package/shared/form/index.mjs

@@ -0,0 +1,30 @@
+import { ElMessage } from 'element-plus';
+
+const validateCatch = (err, init = {}) => {
+  let msg = "";
+  msg += init.prefix || "";
+  for (const key in err) {
+    err[key].forEach((v) => {
+      msg += v.message + ";";
+    });
+  }
+  msg += init.suffix || "";
+  ElMessage({
+    type: "warning",
+    message: msg
+  });
+};
+const genTemplateIfFunc = (templateIfRaw) => {
+  if (typeof templateIfRaw === "boolean") {
+    const flag = templateIfRaw;
+    return () => flag;
+  } else if (typeof templateIfRaw === "string") {
+    const templateIf = new Function("data", templateIfRaw);
+    return templateIf;
+  } else if (typeof templateIfRaw === "function") {
+    return templateIfRaw;
+  }
+  return () => true;
+};
+
+export { genTemplateIfFunc, validateCatch };

package/shared/helper/index.mjs

@@ -0,0 +1,9 @@
+const createDefaultSlots = (o) => {
+  return {
+    default: Array.isArray(o) ? o : [
+      o
+    ]
+  };
+};
+
+export { createDefaultSlots };

package/shared/index.mjs

@@ -0,0 +1 @@
+export { CORE_FORM_TEMPLATE_OPTIONS, CORE_FORM_TEMPLATE_REFLECT } from './const/index.mjs';

package/shared/infer-prop/index.mjs

@@ -0,0 +1,34 @@
+const inferString = (item) => ({
+  prop: item.prop,
+  type: "String"
+});
+const inferBoolean = (item) => ({
+  prop: item.prop,
+  type: "Boolean"
+});
+const inferNumber = (item) => {
+  const info = {
+    prop: item.prop,
+    type: "Number"
+  };
+  if (item.precision) {
+    info.precision = item.precision;
+  }
+  return info;
+};
+const inferDate = (item) => ({
+  prop: item.prop,
+  type: "Date"
+});
+const propInfoAction = {
+  VkfSelect: inferString,
+  VkfRadio: inferString,
+  VkfCheckbox: inferString,
+  VkfColorPicker: inferString,
+  VkfInputNumber: inferNumber,
+  VkfSwitch: inferBoolean,
+  VkfUpload: inferString,
+  VkfDatePicker: inferDate
+};
+
+export { propInfoAction };

package/shared/progress-it/index.mjs

@@ -0,0 +1,38 @@
+const ifElse = (fn1, fn2, fn3) => (x) => fn1(x) ? fn2(x) : fn3(x);
+const progress = (effect, option) => (state) => {
+  const $data = {
+    interval: 100,
+    speed: 0.01,
+    ...option,
+    percent: 0,
+    timeLine: 0,
+    timer: void 0
+  };
+  const $stateInitFlow = ($data2) => ifElse(
+    (state2) => Boolean(state2),
+    (state2) => effect(1, state2),
+    (state2) => setInterval(() => {
+      $data2.timeLine++;
+      $data2.percent = state2 ? 1 : (-1 / ($data2.speed * $data2.timeLine + 1) + 1) * 1;
+      effect($data2.percent, state2);
+    }, $data2.interval)
+  );
+  $data.timer = $stateInitFlow($data)(state);
+  const setter = (newState) => {
+    if (typeof newState !== "boolean") {
+      $data.timer && clearInterval($data.timer);
+      $data.percent = 1;
+      effect($data.percent, "fail");
+      return setter;
+    }
+    if (newState) {
+      $data.timer && clearInterval($data.timer);
+      $data.percent = 1;
+      effect($data.percent, newState);
+    }
+    return setter;
+  };
+  return setter;
+};
+
+export { progress as default };

package/shared/rules/index.mjs

@@ -0,0 +1,53 @@
+const PATTERN = {
+  /**
+   * 由数字、26个英文字母或者下划线以及中文组成的字符串
+   */
+  normal: /^[\u4e00-\u9fa5_a-zA-Z0-9]+$/,
+  /**
+   * 只能由 中文 和 英文 组成
+   */
+  normalName: /^[\u4e00-\u9fa5_a-zA-Z]+$/,
+  /**
+   * 只能由数字、字母、下划线组成, 且不能以下划线和数字开头
+   */
+  code: /^[a-zA-Z][a-zA-Z0-9_]*$/,
+  /**
+   * 只能由数字或字母组成, 且不能以数字开头
+   */
+  strictCode: /^[a-zA-Z][a-zA-Z0-9]*$/,
+  /**
+   * 只能由字母、数字或特殊字符组成，且长度在8到16之间
+   */
+  password: /^[a-zA-Z0-9~!@#$%^&*()_+|<>?:{}\.]{8,16}$/,
+  /**
+   *  要求密码必须同时包含至少一个小写字母、大写字母和数字，且长度在8到16之间。
+   */
+  strictPassword: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[^]{8,16}$/,
+  /**
+   * 正确的手机号码
+   */
+  phone: /^1[3456789]\d{9}$/
+};
+const PATTERN_OPTIONS = [
+  { label: "\u5E38\u89C4", value: PATTERN.normal, title: "\u7531\u6570\u5B57\u300126\u4E2A\u82F1\u6587\u5B57\u6BCD\u6216\u8005\u4E0B\u5212\u7EBF\u4EE5\u53CA\u4E2D\u6587\u7EC4\u6210\u7684\u5B57\u7B26\u4E32" },
+  {
+    label: "\u5E38\u89C4\u59D3\u540D",
+    value: PATTERN.normalName,
+    title: "\u53EA\u80FD\u7531 \u4E2D\u6587 \u548C \u82F1\u6587 \u7EC4\u6210"
+  },
+  { label: "\u5BC6\u7801", value: PATTERN.password, title: "\u53EA\u80FD\u7531\u5B57\u6BCD\u3001\u6570\u5B57\u6216\u7279\u6B8A\u5B57\u7B26\u7EC4\u6210\uFF0C\u4E14\u957F\u5EA6\u57288\u523016\u4E4B\u95F4" },
+  { label: "\u4E25\u683C\u5BC6\u7801", value: PATTERN.strictPassword, title: "\u8981\u6C42\u5BC6\u7801\u5FC5\u987B\u540C\u65F6\u5305\u542B\u81F3\u5C11\u4E00\u4E2A\u5C0F\u5199\u5B57\u6BCD\u3001\u5927\u5199\u5B57\u6BCD\u548C\u6570\u5B57\uFF0C\u4E14\u957F\u5EA6\u57288\u523016\u4E4B\u95F4\u3002" },
+  { label: "\u624B\u673A\u53F7", value: PATTERN.phone, title: "\u6B63\u786E\u7684\u624B\u673A\u53F7\u7801" },
+  {
+    label: "\u7F16\u7801",
+    value: PATTERN.code,
+    title: "\u53EA\u80FD\u7531\u6570\u5B57\u3001\u5B57\u6BCD\u3001\u4E0B\u5212\u7EBF\u7EC4\u6210, \u4E14\u4E0D\u80FD\u4EE5\u4E0B\u5212\u7EBF\u548C\u6570\u5B57\u5F00\u5934"
+  },
+  {
+    label: "\u4E25\u683C\u7F16\u7801",
+    value: PATTERN.strictCode,
+    title: "\u53EA\u80FD\u7531\u6570\u5B57\u6216\u5B57\u6BCD\u7EC4\u6210, \u4E14\u4E0D\u80FD\u4EE5\u6570\u5B57\u5F00\u5934"
+  }
+];
+
+export { PATTERN, PATTERN_OPTIONS };

package/shared/types/source/index.d.ts

@@ -4,6 +4,7 @@ import { __VkfTemplatesElementPlus } from '@vunk/form/components/templates-eleme
 import { __VkfTemplatesMapbox } from '@vunk/form/components/templates-mapbox';
 import { __VkfTemplatesEsri } from '@vunk/form/components/templates-esri';
 import { NormalObject } from '@vunk/core';
+import { __VkfTemplatesVariant } from '@vunk/form/components/templates-variant';
 export interface BasicSource {
     templateIf?: ((data?: NormalObject) => boolean) | string | boolean;
     templateType?: string;
@@ -17,4 +18,4 @@ export interface BasicSource {
  * ```
  */
 export type FormItemRendererSource<P extends string = string> = __VkfTemplatesDefault.Source<P>;
-export type AllTemplatesSource<P extends string = string> = __VkfTemplatesDefault.Source<P> | __VkfTemplatesMapbox.Source<P> | __VkfTemplatesEsri.Source<P> | __VkfTemplatesLayout.ElRowSource<AllTemplatesSource<P>> | __VkfTemplatesLayout.ElColSource<AllTemplatesSource<P>> | __VkfTemplatesLayout.VkfFlexSource<AllTemplatesSource<P>> | __VkfTemplatesElementPlus.Source;
+export type AllTemplatesSource<P extends string = string> = __VkfTemplatesDefault.Source<P> | __VkfTemplatesMapbox.Source<P> | __VkfTemplatesEsri.Source<P> | __VkfTemplatesLayout.ElRowSource<AllTemplatesSource<P>> | __VkfTemplatesLayout.ElColSource<AllTemplatesSource<P>> | __VkfTemplatesLayout.VkfFlexSource<AllTemplatesSource<P>> | __VkfTemplatesElementPlus.Source | __VkfTemplatesVariant.Source<P>;