@vunk/form 1.1.84 → 1.2.0

package/components/_plugin-vue_export-helper.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+exports._export_sfc = _export_sfc;

package/components/button/index.cjs

@@ -0,0 +1,112 @@
+'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 form = require('@vunk/form/shared/form');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...formItem._VkfFormItemCtx.props,
+  ...elementPlus.buttonProps,
+  buttonSlots: {
+    type: Object,
+    default: () => ({})
+  },
+  buttonLabel: {
+    type: String,
+    default: ""
+  },
+  validate: {
+    type: Boolean,
+    default: true
+  }
+};
+const emits = {
+  ...elementPlus.buttonEmits
+};
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfButton",
+  components: {
+    VkfFormItem: formItem.VkfFormItem,
+    ElButton: elementPlus.ElButton
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const coreBindProps = elementPlus$1.createButtonBindProps(props2);
+    const coreOnEmits = elementPlus$1.createButtonOnEmits(emit, ["click"]);
+    const formBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const elFormRef = vue.inject("elFormRef", null);
+    const handleClick = (e) => {
+      if (!elFormRef || !props2.validate) return emit("click", e);
+      elFormRef.value.validate().then((flag) => {
+        if (flag) {
+          emit("click", e);
+        }
+      }).catch(form.validateCatch);
+    };
+    return {
+      formBindProps,
+      coreBindProps,
+      coreOnEmits,
+      handleClick
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElButton = vue.resolveComponent("ElButton");
+  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
+  return vue.openBlock(), vue.createBlock(
+    _component_VkfFormItem,
+    vue.normalizeProps(vue.guardReactiveProps(_ctx.formBindProps)),
+    {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_ElButton, vue.mergeProps(_ctx.coreBindProps, vue.toHandlers(_ctx.coreOnEmits), { onClick: _ctx.handleClick }), vue.createSlots({
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(
+                vue.toDisplayString(_ctx.buttonLabel),
+                1
+                /* TEXT */
+              )
+            ])
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, [
+          vue.renderList(_ctx.buttonSlots, (item, key) => {
+            return {
+              name: key,
+              fn: vue.withCtx((e) => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item?.(e))))
+              ])
+            };
+          })
+        ]), 1040, ["onClick"])
+      ]),
+      _: 3
+      /* FORWARDED */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/button/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfButton.install = (app) => {
+  app.component(VkfButton.name, VkfButton);
+};
+
+exports.VkfButton = VkfButton;
+exports.__VkfButton = types;
+exports.default = VkfButton;

package/components/cascader/index.cjs

@@ -0,0 +1,130 @@
+'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 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 = {
+  ...elementPlus.cascaderProps,
+  ...formItem._VkfFormItemCtx.props,
+  optionsUrl: {
+    type: String,
+    default: ""
+  },
+  readonly: {
+    type: Boolean,
+    default: void 0
+  }
+};
+const createBindProps = utilsVue.bindPropsFactory(props);
+const emits = {
+  ...elementPlus.cascaderEmits
+};
+const createOnEmits = utilsVue.onEmitsFactory(emits);
+
+var ctx = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  createBindProps: createBindProps,
+  createOnEmits: createOnEmits,
+  emits: emits,
+  props: props
+});
+
+const useOptions = (props, emit) => {
+  const optionsFromUrl = vue.ref([]);
+  const rUrlOptions = (url) => {
+    if (url) {
+      fetch(url).then((res) => res.json()).then((data) => {
+        optionsFromUrl.value = data;
+      });
+    } else {
+      optionsFromUrl.value = [];
+    }
+  };
+  if (props.optionsUrl) {
+    rUrlOptions(props.optionsUrl);
+  }
+  vue.watch(() => props.optionsUrl, (url) => {
+    emit("update:modelValue", void 0);
+    if (url) rUrlOptions(url);
+  });
+  const options = vue.computed(
+    () => optionsFromUrl.value.length ? optionsFromUrl.value : props.options
+  );
+  return options;
+};
+
+var use = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  useOptions: useOptions
+});
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfCascader",
+  components: {
+    ElCascader: elementPlus.ElCascader,
+    VkfFormItem: formItem.VkfFormItem
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const coreBindProps = elementPlus$1.createCascaderBindProps(props2, ["options"]);
+    const coreOnEmits = elementPlus$1.createCascaderOnEmits(emit);
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const readonly = composables.useComputedReadonly(props2);
+    const options = useOptions(props2, emit);
+    return {
+      coreBindProps,
+      coreOnEmits,
+      formItemBindProps,
+      readonly,
+      options
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElCascader = vue.resolveComponent("ElCascader");
+  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_ElCascader, vue.mergeProps(_ctx.coreBindProps, vue.toHandlers(_ctx.coreOnEmits), {
+          readonly: _ctx.readonly,
+          disabled: _ctx.readonly || _ctx.disabled,
+          options: _ctx.options,
+          class: {
+            "is-readonly": _ctx.readonly
+          }
+        }), null, 16, ["readonly", "disabled", "options", "class"])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfCascader = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/cascader/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfCascader.install = (app) => {
+  app.component(VkfCascader.name, VkfCascader);
+};
+
+exports.VkfCascader = VkfCascader;
+exports._VkfCascaderCtx = ctx;
+exports._VkfCascaderUse = use;
+exports.__VkfCascader = types;
+exports.default = VkfCascader;

package/components/checkbox/index.cjs

@@ -0,0 +1,153 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formItem = require('@vunk/form/components/form-item');
+var elementPlus = require('element-plus');
+var utilsVue = require('@vunk/core/shared/utils-vue');
+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.checkboxGroupProps,
+  options: {
+    type: Array,
+    default: () => []
+  },
+  type: {
+    type: String,
+    default: "default"
+  },
+  defaultModelValue: {
+    type: Array,
+    default: void 0
+  },
+  modelValue: {
+    type: Array,
+    default: void 0
+  }
+};
+const createBindProps = utilsVue.bindPropsFactory(props);
+const emits = {
+  ...elementPlus.checkboxGroupEmits
+};
+const createOnEmits = utilsVue.onEmitsFactory(emits);
+
+var ctx = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  createBindProps: createBindProps,
+  createOnEmits: createOnEmits,
+  emits: emits,
+  props: props
+});
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfCheckbox",
+  components: {
+    VkfFormItem: formItem.VkfFormItem,
+    ElCheckbox: elementPlus.ElCheckbox,
+    ElCheckboxGroup: elementPlus.ElCheckboxGroup,
+    ElCheckboxButton: elementPlus.ElCheckboxButton
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const coreBindProps = elementPlus$1.createCheckboxGroupBindProps(props2, ["disabled", "label"]);
+    const coreOnEmits = elementPlus$1.createCheckboxGroupOnEmits(emit);
+    const options = vue.computed(() => {
+      return props2.options.filter((item) => item.value !== void 0 && item.value !== null);
+    });
+    !props2.modelValue && props2.defaultModelValue && emit("update:modelValue", props2.defaultModelValue);
+    const readonly = composables.useComputedReadonly(props2);
+    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_ElCheckboxGroup = vue.resolveComponent("ElCheckboxGroup");
+  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_ElCheckboxGroup, 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" ? "ElCheckboxButton" : "ElCheckbox"), vue.mergeProps({
+                  key: item.value,
+                  label: item.value,
+                  ref_for: true
+                }, _ctx.pickRadioProps(item)), {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(item.label ?? item.value),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1040, ["label"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["class", "disabled"])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfCheckbox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/checkbox/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfCheckbox.install = (app) => {
+  app.component(VkfCheckbox.name, VkfCheckbox);
+};
+
+exports.VkfCheckbox = VkfCheckbox;
+exports._VkfCheckboxCtx = ctx;
+exports.__VkfCheckbox = types;
+exports.default = VkfCheckbox;

package/components/color-picker/index.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var elementPlus = require('element-plus');
+var formItem = require('@vunk/form/components/form-item');
+var vue = require('vue');
+var elementPlus$1 = require('@vunk/form/shared/element-plus');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...formItem._VkfFormItemCtx.props,
+  ...elementPlus.colorPickerProps
+};
+const emits = {
+  ...elementPlus.colorPickerEmits
+};
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfColorPicker",
+  components: {
+    VkfFormItem: formItem.VkfFormItem,
+    ElColorPicker: elementPlus.ElColorPicker
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const coreBindProps = elementPlus$1.createColorPickerBindProps(props2, ["label"]);
+    const coreOnEmits = elementPlus$1.createColorPickerOnEmits(emit);
+    return {
+      formItemBindProps,
+      coreBindProps,
+      coreOnEmits
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElColorPicker = vue.resolveComponent("ElColorPicker");
+  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_ElColorPicker,
+          vue.mergeProps(_ctx.coreBindProps, vue.toHandlers(_ctx.coreOnEmits)),
+          {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+            /* FORWARDED */
+          },
+          16
+          /* FULL_PROPS */
+        )
+      ]),
+      _: 3
+      /* FORWARDED */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfColorPicker = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/color-picker/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfColorPicker.install = (app) => {
+  app.component(VkfColorPicker.name, VkfColorPicker);
+};
+
+exports.VkfColorPicker = VkfColorPicker;
+exports.__VkfColorPicker = types;
+exports.default = VkfColorPicker;

package/components/date-picker/index.cjs

@@ -0,0 +1,120 @@
+'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 utilsVue = require('@vunk/core/shared/utils-vue');
+var vue = require('vue');
+var elementPlus$1 = require('element-plus');
+var composables = require('@vunk/form/composables');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...elementPlus.datePickerProps,
+  ...formItem._VkfFormItemCtx.props,
+  datePickerSlots: {
+    type: Object,
+    default: void 0
+  }
+};
+const createBindProps = utilsVue.bindPropsFactory(props);
+const emits = {
+  ...elementPlus.datePickerEmits
+};
+const createOnEmits = utilsVue.onEmitsFactory(emits);
+
+var ctx = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  createBindProps: createBindProps,
+  createOnEmits: createOnEmits,
+  emits: emits,
+  props: props
+});
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfDatePicker",
+  components: {
+    VkfFormItem: formItem.VkfFormItem,
+    ElDatePicker: elementPlus$1.ElDatePicker
+  },
+  props,
+  emits,
+  setup(props2, { emit }) {
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const datePickerBindProps = elementPlus.createDatePickerBindProps(props2, [
+      "type",
+      "readonly",
+      "label"
+    ]);
+    const datePickerOnEmits = elementPlus.createDatePickerOnEmits(emit);
+    const readonly = composables.useComputedReadonly(props2);
+    return {
+      formItemBindProps,
+      datePickerBindProps,
+      datePickerOnEmits,
+      readonly
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElDatePicker = vue.resolveComponent("ElDatePicker");
+  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_ElDatePicker, vue.mergeProps(_ctx.datePickerBindProps, {
+          type: _ctx.type,
+          readonly: _ctx.readonly
+        }, vue.toHandlers(_ctx.datePickerOnEmits)), vue.createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          vue.renderList(_ctx.datePickerSlots, (item, key) => {
+            return {
+              name: key,
+              fn: vue.withCtx((e) => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item?.(e))))
+              ])
+            };
+          })
+        ]), 1040, ["type", "readonly"])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfDatePicker = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/date-picker/src/index.vue"]]);
+
+const datePickerEmits = {
+  "update:modelValue": null,
+  "change": null,
+  "focus": null,
+  "blur": null,
+  "calendar-change": null,
+  "panel-change": null,
+  "visible-change": null
+};
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  datePickerEmits: datePickerEmits
+});
+
+VkfDatePicker.install = (app) => {
+  app.component(
+    VkfDatePicker.name || "VkfDatePicker",
+    VkfDatePicker
+  );
+};
+
+exports.VkfDatePicker = VkfDatePicker;
+exports._VkfDatePickerCtx = ctx;
+exports.__VkfDatePicker = types;
+exports.default = VkfDatePicker;