@vunk/form 1.1.84 → 1.2.0

package/components/input-link/index.cjs

@@ -0,0 +1,157 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var input = require('@vunk/form/components/input');
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var index = require('../index2.cjs');
+var utilsObject = require('@vunk/core/shared/utils-object');
+var composables = require('@vunk/form/composables');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...input._VkfInputCtx.props,
+  type: {
+    type: String,
+    default: "textarea"
+  },
+  rows: {
+    type: Number,
+    default: 4
+  },
+  label: {
+    type: String,
+    default: "\u56DE\u586B\u5730\u5740"
+  },
+  placeholder: {
+    type: String,
+    default: "\u4E0A\u4F20\u6587\u4EF6\u540E, \u5C06\u6587\u4EF6\u4E0B\u8F7D\u5730\u5740\u7C98\u8D34\u5230\u6B64\u5904"
+  },
+  readonly: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @deprecated 请使用 referenceUrl
+   */
+  uploadUrl: {
+    type: String,
+    default: "https://pan.baidu.com/disk/main#/index?category=all"
+  },
+  /**
+   * 参考地址
+   */
+  referenceUrl: {
+    type: String,
+    default: "https://pan.baidu.com/disk/main#/index?category=all"
+  },
+  /**
+   * 仅展示参考地址
+   */
+  referenceOnly: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 参考地址的 label
+   */
+  referenceLabel: {
+    type: String,
+    default: "\u53C2\u8003\u5730\u5740"
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  }
+};
+const emits = {
+  ...input._VkfInputCtx.emits
+};
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfInputLink",
+  components: {
+    VkfInput: input.VkfInput
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const coreProps = input._VkfInputCtx.createBindProps(props2);
+    const coreEmits = input._VkfInputCtx.createOnEmits(emit);
+    const readonly = composables.useComputedReadonly(props2);
+    const createAppendEl = (url) => () => vue.h(
+      elementPlus.ElButton,
+      {
+        onClick: () => window.open(url),
+        disabled: !url
+      },
+      () => vue.h(
+        elementPlus.ElIcon,
+        {
+          class: "vkf-input-link-icon",
+          size: 16
+        },
+        () => vue.h(index.right_default)
+      )
+    );
+    const rules = vue.computed(() => {
+      const data = [
+        {
+          pattern: /^(http|https):\/\/([\w.]+\/?)\S*$/,
+          message: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u94FE\u63A5\u5730\u5740"
+        }
+      ];
+      if (Array.isArray(props2.rules)) {
+        data.push(...props2.rules);
+      }
+      if (utilsObject.isPlainObject(props2.rules)) {
+        data.push(props2.rules);
+      }
+      return data;
+    });
+    return {
+      coreProps,
+      coreEmits,
+      createAppendEl,
+      rules,
+      readonly
+    };
+  }
+});
+
+const _hoisted_1 = { class: "vkf-form-item vkf-input-link" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfInput = vue.resolveComponent("VkfInput");
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.createVNode(_component_VkfInput, {
+      label: _ctx.referenceLabel,
+      disabled: true,
+      modelValue: _ctx.referenceUrl ?? _ctx.uploadUrl,
+      inputSlots: {
+        append: _ctx.createAppendEl(_ctx.referenceUrl ?? _ctx.uploadUrl)
+      }
+    }, null, 8, ["label", "modelValue", "inputSlots"]),
+    !_ctx.referenceOnly ? (vue.openBlock(), vue.createBlock(_component_VkfInput, vue.mergeProps({ key: 0 }, _ctx.coreProps, vue.toHandlers(_ctx.coreEmits), {
+      rules: _ctx.rules,
+      readonly: _ctx.readonly,
+      type: _ctx.readonly ? "text" : _ctx.type,
+      inputSlots: {
+        append: _ctx.readonly ? _ctx.createAppendEl(_ctx.modelValue) : void 0
+      }
+    }), null, 16, ["rules", "readonly", "type", "inputSlots"])) : vue.createCommentVNode("v-if", true)
+  ]);
+}
+var VkfInputLink = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-link/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfInputLink.install = (app) => {
+  app.component(VkfInputLink.name, VkfInputLink);
+};
+
+exports.VkfInputLink = VkfInputLink;
+exports.__VkfInputLink = types;
+exports.default = VkfInputLink;

package/components/input-number/index.cjs

@@ -0,0 +1,100 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formItem = require('@vunk/form/components/form-item');
+var utilsVue = require('@vunk/core/shared/utils-vue');
+var elementPlus = require('element-plus');
+var vue = require('vue');
+var elementPlus$1 = require('@vunk/form/shared/element-plus');
+var composables = require('@vunk/form/composables');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...formItem._VkfFormItemCtx.props,
+  ...elementPlus.inputNumberProps,
+  readonly: {
+    type: Boolean,
+    default: void 0
+  },
+  unit: {
+    type: String,
+    default: ""
+  }
+};
+utilsVue.bindPropsFactory(props);
+const emits = {
+  ...elementPlus.inputNumberEmits
+};
+utilsVue.onEmitsFactory(emits);
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfInputNumber",
+  components: {
+    VkfFormItem: formItem.VkfFormItem,
+    ElInputNumber: elementPlus.ElInputNumber
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const iBindProps = elementPlus$1.createInputNumberBindProps(props2, ["disabled", "readonly", "label"]);
+    const iOnEmits = elementPlus$1.createInputNumberOnEmits(emit);
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const readonly = composables.useComputedReadonly(props2);
+    return {
+      formItemBindProps,
+      iBindProps,
+      iOnEmits,
+      readonly
+    };
+  }
+});
+
+const _hoisted_1 = {
+  key: 0,
+  class: "vkf-input-number-unit"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElInputNumber = vue.resolveComponent("ElInputNumber");
+  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
+  return vue.openBlock(), vue.createBlock(
+    _component_VkfFormItem,
+    vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
+    {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_ElInputNumber, vue.mergeProps({
+          class: {
+            "is-readonly": _ctx.readonly
+          }
+        }, _ctx.iBindProps, vue.toHandlers(_ctx.iOnEmits), {
+          readonly: _ctx.readonly,
+          disabled: _ctx.readonly || _ctx.disabled
+        }), null, 16, ["class", "readonly", "disabled"]),
+        _ctx.unit ? (vue.openBlock(), vue.createElementBlock(
+          "span",
+          _hoisted_1,
+          vue.toDisplayString(_ctx.unit),
+          1
+          /* TEXT */
+        )) : vue.createCommentVNode("v-if", true)
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfInputNumber = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-number/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfInputNumber.install = (app) => {
+  app.component(VkfInputNumber.name, VkfInputNumber);
+};
+
+exports.VkfInputNumber = VkfInputNumber;
+exports.__VkfInputNumber = types;
+exports.default = VkfInputNumber;

package/components/radio/index.cjs

@@ -0,0 +1,142 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formItem = require('@vunk/form/components/form-item');
+var elementPlus = require('element-plus');
+var vue = require('vue');
+var elementPlus$1 = require('@vunk/form/shared/element-plus');
+var utilsObject = require('@vunk/core/shared/utils-object');
+var composables = require('@vunk/form/composables');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...formItem._VkfFormItemCtx.props,
+  ...elementPlus.radioGroupProps,
+  options: {
+    type: Array,
+    default: () => []
+  },
+  type: {
+    type: String,
+    default: "default"
+  },
+  modelValue: {
+    type: [String, Number]
+  },
+  defaultModelValue: null
+};
+const emits = {
+  ...elementPlus.radioGroupEmits
+};
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfRadio",
+  components: {
+    VkfFormItem: formItem.VkfFormItem,
+    ElRadio: elementPlus.ElRadio,
+    ElRadioGroup: elementPlus.ElRadioGroup,
+    ElRadioButton: elementPlus.ElRadioButton
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const coreBindProps = elementPlus$1.createRadioGroupBindProps(props2, ["disabled", "label"]);
+    const coreOnEmits = elementPlus$1.createRadioGroupOnEmits(emit);
+    const options = vue.computed(() => {
+      return props2.options.filter((item) => item.value !== void 0 && item.value !== null);
+    });
+    const readonly = composables.useComputedReadonly(props2);
+    !props2.modelValue && props2.defaultModelValue && emit("update:modelValue", props2.defaultModelValue);
+    const pickRadioProps = (item) => {
+      const obj = utilsObject.pickObject(item, {
+        excludes: ["label", "value"]
+      });
+      if (elementPlus$1.isGte2_6_0) {
+        obj.value = item.value;
+      } else {
+        obj.label = item.value;
+      }
+      return obj;
+    };
+    return {
+      formItemBindProps,
+      coreBindProps,
+      coreOnEmits,
+      options,
+      readonly,
+      pickRadioProps
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElRadioGroup = vue.resolveComponent("ElRadioGroup");
+  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
+  return vue.openBlock(), vue.createBlock(
+    _component_VkfFormItem,
+    vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
+    {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_ElRadioGroup, vue.mergeProps({
+          class: {
+            "is-readonly": _ctx.readonly
+          }
+        }, _ctx.coreBindProps, vue.toHandlers(_ctx.coreOnEmits), {
+          disabled: _ctx.readonly || _ctx.disabled
+        }), {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(_ctx.options, (item) => {
+                return vue.openBlock(), vue.createBlock(
+                  vue.resolveDynamicComponent(_ctx.type === "button" ? "ElRadioButton" : "ElRadio"),
+                  vue.mergeProps({
+                    key: item.value,
+                    ref_for: true
+                  }, _ctx.pickRadioProps(item)),
+                  {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(item.label ?? item.value),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  },
+                  1040
+                  /* FULL_PROPS, DYNAMIC_SLOTS */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["class", "disabled"])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfRadio = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/radio/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfRadio.install = (app) => {
+  app.component(VkfRadio.name, VkfRadio);
+};
+
+exports.VkfRadio = VkfRadio;
+exports.__VkfRadio = types;
+exports.default = VkfRadio;

package/components/select/index.cjs

@@ -0,0 +1,165 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formItem = require('@vunk/form/components/form-item');
+var elementPlus = require('@vunk/form/shared/element-plus');
+var vue = require('vue');
+var elementPlus$1 = require('element-plus');
+var utilsObject = require('@vunk/core/shared/utils-object');
+var composables = require('@vunk/form/composables');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...formItem._VkfFormItemCtx.props,
+  ...elementPlus.selectProps,
+  options: {
+    type: Array,
+    default: () => []
+  },
+  selectSlots: {
+    type: Object,
+    default: void 0
+  },
+  optionsUrl: {
+    type: String,
+    default: ""
+  },
+  defaultModelValue: null
+};
+const emits = {
+  ...elementPlus.selectEmits
+};
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfSelect",
+  components: {
+    VkfFormItem: formItem.VkfFormItem,
+    ElSelect: elementPlus$1.ElSelect,
+    ElOption: elementPlus$1.ElOption
+  },
+  props,
+  emits,
+  setup(props2, { emit }) {
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const selectBindProps = elementPlus.createSelectBindProps(props2, ["disabled", "modelValue"]);
+    const selectOnEmits = elementPlus.createSelectOnEmits(emit);
+    const readonly = composables.useComputedReadonly(props2);
+    const optionsFromUrl = vue.ref([]);
+    const rUrlOptions = (url) => {
+      if (url) {
+        fetch(url).then((res) => res.json()).then((data) => {
+          optionsFromUrl.value = data;
+        });
+      } else {
+        optionsFromUrl.value = [];
+      }
+    };
+    if (props2.optionsUrl) {
+      rUrlOptions(props2.optionsUrl);
+    }
+    vue.watch(() => props2.optionsUrl, (url) => {
+      emit("update:modelValue", void 0);
+      rUrlOptions(url);
+    });
+    const getKey = (item) => utilsObject.isPlainObject(item.value) ? item.value[selectBindProps.value.valueKey] : item.value;
+    const selectOptions = vue.computed(() => {
+      const options = optionsFromUrl.value.length ? optionsFromUrl.value : props2.options;
+      return options.reduce((a, c) => {
+        const k = getKey(c);
+        if (!k && k !== 0 && k !== false) return a;
+        a.push({
+          ...c,
+          key: k
+        });
+        return a;
+      }, []);
+    });
+    const reshow = vue.ref(true);
+    vue.watch(() => selectBindProps.value.multiple, () => {
+      emit("update:modelValue", void 0);
+      reshow.value = false;
+      vue.nextTick(() => {
+        reshow.value = true;
+      });
+    });
+    return {
+      formItemBindProps,
+      selectBindProps,
+      selectOnEmits,
+      selectOptions,
+      reshow,
+      readonly
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElOption = vue.resolveComponent("ElOption");
+  const _component_ElSelect = vue.resolveComponent("ElSelect");
+  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
+  return vue.openBlock(), vue.createBlock(
+    _component_VkfFormItem,
+    vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
+    {
+      default: vue.withCtx(() => [
+        _ctx.reshow ? (vue.openBlock(), vue.createBlock(_component_ElSelect, vue.mergeProps({ key: 0 }, _ctx.selectBindProps, {
+          "model-value": _ctx.defaultModelValue ?? _ctx.modelValue,
+          disabled: _ctx.readonly || _ctx.disabled,
+          class: {
+            "is-readonly": _ctx.readonly
+          }
+        }, vue.toHandlers(_ctx.selectOnEmits)), vue.createSlots({
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(_ctx.selectOptions, (item) => {
+                return vue.openBlock(), vue.createBlock(
+                  _component_ElOption,
+                  vue.mergeProps({ ref_for: true }, item, {
+                    key: item.key
+                  }),
+                  null,
+                  16
+                  /* FULL_PROPS */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, [
+          vue.renderList(_ctx.selectSlots, (item, key) => {
+            return {
+              name: key,
+              fn: vue.withCtx((e) => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item?.(e))))
+              ])
+            };
+          })
+        ]), 1040, ["model-value", "disabled", "class"])) : vue.createCommentVNode("v-if", true),
+        vue.renderSlot(_ctx.$slots, "default")
+      ]),
+      _: 3
+      /* FORWARDED */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfSelect = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/select/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfSelect.install = (app) => {
+  app.component(VkfSelect.name, VkfSelect);
+};
+
+exports.VkfSelect = VkfSelect;
+exports.__VkfSelect = types;
+exports.default = VkfSelect;

package/components/slider/index.cjs

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formItem = require('@vunk/form/components/form-item');
+var elementPlus = require('element-plus');
+var vue = require('vue');
+var composables = require('@vunk/form/composables');
+var elementPlus$1 = require('@vunk/form/shared/element-plus');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...formItem._VkfFormItemCtx.props,
+  ...elementPlus.sliderProps,
+  modelValue: null,
+  defaultModelValue: null
+};
+const emits = {
+  ...elementPlus.sliderEmits
+};
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfSlider",
+  components: {
+    ElSlider: elementPlus.ElSlider,
+    VkfFormItem: formItem.VkfFormItem
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const readonly = composables.useComputedReadonly(props2);
+    const coreProps = elementPlus$1.createSliderBindProps(props2, [
+      "modelValue",
+      "disabled"
+    ]);
+    const coreEmits = elementPlus$1.createSliderOnEmits(emit);
+    return {
+      readonly,
+      formItemBindProps,
+      coreProps,
+      coreEmits
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElSlider = vue.resolveComponent("ElSlider");
+  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
+  return vue.openBlock(), vue.createBlock(
+    _component_VkfFormItem,
+    vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
+    {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_ElSlider, vue.mergeProps({
+          class: {
+            "is-readonly": _ctx.readonly
+          }
+        }, _ctx.coreProps, vue.toHandlers(_ctx.coreEmits), {
+          "model-value": _ctx.modelValue ?? _ctx.defaultModelValue,
+          disabled: _ctx.readonly || _ctx.disabled
+        }), {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["class", "model-value", "disabled"])
+      ]),
+      _: 3
+      /* FORWARDED */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfSlider = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/slider/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfSlider.install = (app) => {
+  app.component(VkfSlider.name, VkfSlider);
+};
+
+exports.VkfSlider = VkfSlider;
+exports.__VkfSlider = types;
+exports.default = VkfSlider;