@vunk/form 2.18.2 → 2.19.0

package/components/cascader/index.mjs

@@ -1,14 +1,19 @@
-import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
-import { cascaderProps, cascaderEmits, ElCascader } from 'element-plus';
-import { ref, watch, computed, defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createSlots, renderList, resolveDynamicComponent } from 'vue';
-import { useComputedReadonly } from '@vunk/form/composables';
-import { createCascaderBindProps, createCascaderOnEmits } from '@vunk/form/shared/element-plus';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
-  ...cascaderProps,
-  ..._VkfFormItemCtx.props,
+import { ref as P, watch as x, computed as i, defineComponent as I, normalizeClass as w, openBlock as _, createBlock as g, unref as o, mergeProps as C, withCtx as v, createVNode as z, toHandlers as M, createSlots as T, renderList as D, resolveDynamicComponent as q } from "vue";
+import { _VkfFormItemCtx as k, VkfFormItem as H } from "@vunk/form/components/form-item";
+import { bindPropsFactory as L, onEmitsFactory as N } from "@vunk/core/shared/utils-vue";
+import { cascaderProps as $, cascaderEmits as A, ElCascader as G } from "element-plus";
+import { useComputedReadonly as J, useRtl as K } from "@vunk/form/composables";
+import { createCascaderOnEmits as Q, createCascaderBindProps as W } from "@vunk/form/shared/element-plus";
+const d = {
+  ...$,
+  ...k.props,
+  placement: {
+    type: String
+  },
+  showCheckedStrategy: {
+    type: String,
+    default: "child"
+  },
   optionsUrl: {
     type: String,
     default: ""
@@ -23,120 +28,87 @@ const props = {
   },
   cascaderRef: {
     type: Function,
-    required: false
+    required: !1
   }
-};
-const createBindProps = bindPropsFactory(props);
-const emits = {
-  ...cascaderEmits
-};
-const createOnEmits = onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
+}, X = L(d), f = {
+  ...A
+}, Y = N(f), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-const useOptions = (props, emit) => {
-  const optionsFromUrl = ref([]);
-  const rUrlOptions = (url) => {
-    if (url) {
-      fetch(url).then((res) => res.json()).then((data) => {
-        optionsFromUrl.value = data;
-      });
-    } else {
-      optionsFromUrl.value = [];
-    }
+  createBindProps: X,
+  createOnEmits: Y,
+  emits: f,
+  props: d
+}, Symbol.toStringTag, { value: "Module" })), S = (a, p) => {
+  const t = P([]), l = (r) => {
+    r ? fetch(r).then((s) => s.json()).then((s) => {
+      t.value = s;
+    }) : t.value = [];
   };
-  if (props.optionsUrl) {
-    rUrlOptions(props.optionsUrl);
-  }
-  watch(() => props.optionsUrl, (url) => {
-    emit("update:modelValue", void 0);
-    if (url) rUrlOptions(url);
-  });
-  const options = computed(
-    () => optionsFromUrl.value.length ? optionsFromUrl.value : props.options
+  return a.optionsUrl && l(a.optionsUrl), x(() => a.optionsUrl, (r) => {
+    p("update:modelValue", void 0), r && l(r);
+  }), i(
+    () => t.value.length ? t.value : a.options
   );
-  return options;
-};
-
-var use = /*#__PURE__*/Object.freeze({
+}, ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  useOptions: useOptions
-});
-
-var _sfc_main = defineComponent({
+  useOptions: S
+}, Symbol.toStringTag, { value: "Module" })), le = /* @__PURE__ */ I({
   name: "VkfCascader",
-  components: {
-    ElCascader,
-    VkfFormItem
-  },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const coreBindProps = createCascaderBindProps(props2, ["options"]);
-    const coreOnEmits = createCascaderOnEmits(emit);
-    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
-    const readonly = 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 = resolveComponent("ElCascader");
-  const _component_VkfFormItem = resolveComponent("VkfFormItem");
-  return openBlock(), createBlock(
-    _component_VkfFormItem,
-    normalizeProps(guardReactiveProps(_ctx.formItemBindProps)),
-    {
-      default: withCtx(() => [
-        createVNode(_component_ElCascader, mergeProps({ ref: _ctx.cascaderRef }, _ctx.coreBindProps, {
-          readonly: _ctx.readonly,
-          disabled: _ctx.readonly || _ctx.disabled,
-          options: _ctx.options,
+  __name: "index",
+  props: d,
+  emits: f,
+  setup(a, { emit: p }) {
+    const t = a, l = p, m = Q(l), r = W(t, [
+      "options",
+      "popperClass",
+      "placement",
+      "fallbackPlacements",
+      "showCheckedStrategy"
+    ]), s = k.createBindProps(t, []), u = J(t), O = S(t, l), V = i(() => !!(t.readonly || t.disabled)), b = P(), j = (e) => {
+      var c, n;
+      (n = (c = s.value).elRef) == null || n.call(c, e), b.value = e == null ? void 0 : e.$el;
+    }, y = K(b), B = i(() => w([
+      t.popperClass,
+      { "is-rtl": y.value }
+    ])), h = (e) => y.value ? e === "bottom-start" ? "bottom-end" : e === "top-start" ? "top-end" : e === "left-start" ? "right-start" : e === "left-end" ? "right-end" : e === "left" ? "right" : e === "right-start" ? "left-start" : e === "right-end" ? "left-end" : e === "right" ? "left" : e : e, R = i(() => h(t.placement ?? "bottom-start")), E = i(() => (t.fallbackPlacements ?? [
+      "bottom-start",
+      "bottom",
+      "top-start",
+      "top",
+      "right",
+      "left"
+    ]).map((c) => h(c)));
+    return (e, c) => (_(), g(o(H), C(o(s), { ref: j }), {
+      default: v(() => [
+        z(o(G), C({ ref: e.cascaderRef }, o(r), {
+          readonly: o(u),
+          disabled: V.value,
+          options: o(O),
+          "popper-class": B.value,
+          placement: R.value,
+          "fallback-placements": E.value,
           class: {
-            "is-readonly": _ctx.readonly
+            "is-readonly": o(u)
           }
-        }, toHandlers(_ctx.coreOnEmits)), createSlots({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          renderList(_ctx.cascaderSlots, (item, key) => {
-            return {
-              name: key,
-              fn: withCtx((e) => [
-                (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
-              ])
-            };
-          })
-        ]), 1040, ["readonly", "disabled", "options", "class"])
+        }, M(o(m))), T({ _: 2 }, [
+          D(e.cascaderSlots, (n, F) => ({
+            name: F,
+            fn: v((U) => [
+              (_(), g(q(n == null ? void 0 : n(U))))
+            ])
+          }))
+        ]), 1040, ["readonly", "disabled", "options", "popper-class", "placement", "fallback-placements", "class"])
       ]),
       _: 1
-      /* STABLE */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-var VkfCascader = /* @__PURE__ */ _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({
+    }, 16));
+  }
+}), ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfCascader.install = (app) => {
-  app.component(VkfCascader.name, VkfCascader);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  le as VkfCascader,
+  se as _VkfCascaderCtx,
+  ne as _VkfCascaderUse,
+  ce as __VkfCascader,
+  le as default
 };
-
-export { VkfCascader, ctx as _VkfCascaderCtx, use as _VkfCascaderUse, types as __VkfCascader, VkfCascader as default };