@vunk/form 2.18.1 → 2.19.0

package/components/api-tables-select/index.mjs

@@ -1,12 +1,10 @@
-import { defineComponent, reactive, ref, watch, openBlock, createBlock, mergeProps, toHandlers, withCtx, createVNode, renderSlot } from 'vue';
-import { _VkfTablesSelectCtx, VkfTablesSelect } from '@vunk/form/components/tables-select';
-import { pickObject } from '@vunk/shared/object';
-import { VkfForm } from '@vunk/form';
-import { useDataComputed } from '@vunk/core/composables';
-import { i as isObjectLike, b as baseGetTag, a as isObject, r as root } from '../isObject.mjs';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const tablesSelectProps = pickObject(_VkfTablesSelectCtx.props, {
+import { defineComponent as w, reactive as v, ref as k, watch as d, openBlock as z, createBlock as A, unref as o, mergeProps as P, toHandlers as V, withCtx as _, createVNode as q, renderSlot as D } from "vue";
+import { _VkfTablesSelectCtx as n, VkfTablesSelect as T } from "@vunk/form/components/tables-select";
+import { pickObject as j } from "@vunk/shared/object";
+import { VkfForm as O } from "@vunk/form";
+import { useDataComputed as R } from "@vunk/core/composables";
+import { d as C } from "../debounce.cjs";
+const x = j(n.props, {
   excludes: [
     "currentPage",
     "pageSize",
@@ -14,9 +12,8 @@ const tablesSelectProps = pickObject(_VkfTablesSelectCtx.props, {
     "data",
     "start"
   ]
-});
-const props = {
-  ...tablesSelectProps,
+}), B = {
+  ...x,
   /**
    * @description 读取数据的api
    */
@@ -43,419 +40,65 @@ const props = {
     type: Object,
     default: void 0
   }
-};
-const emits = {
-  ..._VkfTablesSelectCtx.emits,
+}, F = {
+  ...n.emits,
   "setData:query": null
-};
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike(value) && baseGetTag(value) == symbolTag);
-}
-
-/** Used to match a single whitespace character. */
-var reWhitespace = /\s/;
-
-/**
- * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
- * character of `string`.
- *
- * @private
- * @param {string} string The string to inspect.
- * @returns {number} Returns the index of the last non-whitespace character.
- */
-function trimmedEndIndex(string) {
-  var index = string.length;
-
-  while (index-- && reWhitespace.test(string.charAt(index))) {}
-  return index;
-}
-
-/** Used to match leading whitespace. */
-var reTrimStart = /^\s+/;
-
-/**
- * The base implementation of `_.trim`.
- *
- * @private
- * @param {string} string The string to trim.
- * @returns {string} Returns the trimmed string.
- */
-function baseTrim(string) {
-  return string
-    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')
-    : string;
-}
-
-/** Used as references for various `Number` constants. */
-var NAN = 0 / 0;
-
-/** Used to detect bad signed hexadecimal string values. */
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-
-/** Used to detect binary string values. */
-var reIsBinary = /^0b[01]+$/i;
-
-/** Used to detect octal string values. */
-var reIsOctal = /^0o[0-7]+$/i;
-
-/** Built-in method references without a dependency on `root`. */
-var freeParseInt = parseInt;
-
-/**
- * Converts `value` to a number.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to process.
- * @returns {number} Returns the number.
- * @example
- *
- * _.toNumber(3.2);
- * // => 3.2
- *
- * _.toNumber(Number.MIN_VALUE);
- * // => 5e-324
- *
- * _.toNumber(Infinity);
- * // => Infinity
- *
- * _.toNumber('3.2');
- * // => 3.2
- */
-function toNumber(value) {
-  if (typeof value == 'number') {
-    return value;
-  }
-  if (isSymbol(value)) {
-    return NAN;
-  }
-  if (isObject(value)) {
-    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-    value = isObject(other) ? (other + '') : other;
-  }
-  if (typeof value != 'string') {
-    return value === 0 ? value : +value;
-  }
-  value = baseTrim(value);
-  var isBinary = reIsBinary.test(value);
-  return (isBinary || reIsOctal.test(value))
-    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
-    : (reIsBadHex.test(value) ? NAN : +value);
-}
-
-/**
- * Gets the timestamp of the number of milliseconds that have elapsed since
- * the Unix epoch (1 January 1970 00:00:00 UTC).
- *
- * @static
- * @memberOf _
- * @since 2.4.0
- * @category Date
- * @returns {number} Returns the timestamp.
- * @example
- *
- * _.defer(function(stamp) {
- *   console.log(_.now() - stamp);
- * }, _.now());
- * // => Logs the number of milliseconds it took for the deferred invocation.
- */
-var now = function() {
-  return root.Date.now();
-};
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeMax = Math.max,
-    nativeMin = Math.min;
-
-/**
- * Creates a debounced function that delays invoking `func` until after `wait`
- * milliseconds have elapsed since the last time the debounced function was
- * invoked. The debounced function comes with a `cancel` method to cancel
- * delayed `func` invocations and a `flush` method to immediately invoke them.
- * Provide `options` to indicate whether `func` should be invoked on the
- * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
- * with the last arguments provided to the debounced function. Subsequent
- * calls to the debounced function return the result of the last `func`
- * invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the debounced function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.debounce` and `_.throttle`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to debounce.
- * @param {number} [wait=0] The number of milliseconds to delay.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=false]
- *  Specify invoking on the leading edge of the timeout.
- * @param {number} [options.maxWait]
- *  The maximum time `func` is allowed to be delayed before it's invoked.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new debounced function.
- * @example
- *
- * // Avoid costly calculations while the window size is in flux.
- * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
- *
- * // Invoke `sendMail` when clicked, debouncing subsequent calls.
- * jQuery(element).on('click', _.debounce(sendMail, 300, {
- *   'leading': true,
- *   'trailing': false
- * }));
- *
- * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
- * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
- * var source = new EventSource('/stream');
- * jQuery(source).on('message', debounced);
- *
- * // Cancel the trailing debounced invocation.
- * jQuery(window).on('popstate', debounced.cancel);
- */
-function debounce(func, wait, options) {
-  var lastArgs,
-      lastThis,
-      maxWait,
-      result,
-      timerId,
-      lastCallTime,
-      lastInvokeTime = 0,
-      leading = false,
-      maxing = false,
-      trailing = true;
-
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject(options)) {
-    leading = !!options.leading;
-    maxing = 'maxWait' in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-
-  function invokeFunc(time) {
-    var args = lastArgs,
-        thisArg = lastThis;
-
-    lastArgs = lastThis = undefined;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-
-  function leadingEdge(time) {
-    // Reset any `maxWait` timer.
-    lastInvokeTime = time;
-    // Start the timer for the trailing edge.
-    timerId = setTimeout(timerExpired, wait);
-    // Invoke the leading edge.
-    return leading ? invokeFunc(time) : result;
-  }
-
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime,
-        timeSinceLastInvoke = time - lastInvokeTime,
-        timeWaiting = wait - timeSinceLastCall;
-
-    return maxing
-      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
-      : timeWaiting;
-  }
-
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime,
-        timeSinceLastInvoke = time - lastInvokeTime;
-
-    // Either this is the first call, activity has stopped and we're at the
-    // trailing edge, the system time has gone backwards and we're treating
-    // it as the trailing edge, or we've hit the `maxWait` limit.
-    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
-      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
-  }
-
-  function timerExpired() {
-    var time = now();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    // Restart the timer.
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-
-  function trailingEdge(time) {
-    timerId = undefined;
-
-    // Only invoke if we have `lastArgs` which means `func` has been
-    // debounced at least once.
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = undefined;
-    return result;
-  }
-
-  function cancel() {
-    if (timerId !== undefined) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = undefined;
-  }
-
-  function flush() {
-    return timerId === undefined ? result : trailingEdge(now());
-  }
-
-  function debounced() {
-    var time = now(),
-        isInvoking = shouldInvoke(time);
-
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-
-    if (isInvoking) {
-      if (timerId === undefined) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        // Handle invocations in a tight loop.
-        clearTimeout(timerId);
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === undefined) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "VkfApiTablesSelect"
-  },
+}, N = /* @__PURE__ */ w({
+  name: "VkfApiTablesSelect",
   __name: "index",
-  props: props,
-  emits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const debounceRead = debounce(read, 300);
-    const coreProps = _VkfTablesSelectCtx.createBindProps(props, ["getRows"]);
-    const coreEmits = _VkfTablesSelectCtx.createOnEmits(emit);
-    const [queryData, setQueryData] = useDataComputed({
+  props: B,
+  emits: F,
+  setup(c, { emit: m }) {
+    const r = c, p = m, u = C(S, 300), f = n.createBindProps(r, ["getRows"]), g = n.createOnEmits(p), [i, y] = R({
       default: {},
       key: "query"
-    }, props, emit);
-    const tableState = reactive({
+    }, r, p), s = v({
       data: [],
       total: 0
-    });
-    const pagination = ref({
+    }), e = k({
       pageSize: 10,
       start: 0
     });
-    watch(pagination, debounceRead, { deep: true, immediate: true });
-    watch(queryData, debounceRead, { deep: true });
-    async function read() {
-      const res = await props.readApi(queryData.value, {
-        ...pagination.value,
-        currentPage: pagination.value.start / pagination.value.pageSize + 1
+    d(e, u, { deep: !0, immediate: !0 }), d(i, u, { deep: !0 });
+    async function S() {
+      const t = await r.readApi(i.value, {
+        ...e.value,
+        currentPage: e.value.start / e.value.pageSize + 1
       });
-      tableState.data = res.rows;
-      tableState.total = res.total;
+      s.data = t.rows, s.total = t.total;
     }
-    const defaultGetRows = async (ids) => {
-      const { rows } = await props.readApi({
-        ids: ids.join(",")
+    const b = async (t) => {
+      const { rows: a } = await r.readApi({
+        ids: t.join(",")
       });
-      return rows;
+      return a;
     };
-    const __returned__ = { props, emit, debounceRead, coreProps, coreEmits, queryData, setQueryData, tableState, pagination, read, defaultGetRows, get VkfTablesSelect() {
-      return VkfTablesSelect;
-    }, get VkfForm() {
-      return VkfForm;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["VkfTablesSelect"], mergeProps({
-    start: $setup.pagination.start,
-    "onUpdate:start": _cache[0] || (_cache[0] = ($event) => $setup.pagination.start = $event),
-    "page-size": $setup.pagination.pageSize,
-    "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => $setup.pagination.pageSize = $event),
-    data: $setup.tableState.data,
-    total: $setup.tableState.total,
-    "get-rows": _ctx.getRows || $setup.defaultGetRows
-  }, $setup.coreProps, toHandlers($setup.coreEmits)), {
-    dialog: withCtx(() => [
-      createVNode($setup["VkfForm"], {
-        "form-items": _ctx.queryItems,
-        inline: true,
-        data: $setup.queryData,
-        onSetData: $setup.setQueryData
-      }, null, 8, ["form-items", "data", "onSetData"]),
-      renderSlot(_ctx.$slots, "dialog")
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 16, ["start", "page-size", "data", "total", "get-rows"]);
-}
-var VkfApiTablesSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-form2\\packages\\components\\api-tables-select\\src\\index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+    return (t, a) => (z(), A(o(T), P({
+      start: e.value.start,
+      "onUpdate:start": a[0] || (a[0] = (l) => e.value.start = l),
+      "page-size": e.value.pageSize,
+      "onUpdate:pageSize": a[1] || (a[1] = (l) => e.value.pageSize = l),
+      data: s.data,
+      total: s.total,
+      "get-rows": t.getRows || b
+    }, o(f), V(o(g))), {
+      dialog: _(() => [
+        q(o(O), {
+          "form-items": t.queryItems,
+          inline: !0,
+          data: o(i),
+          onSetData: o(y)
+        }, null, 8, ["form-items", "data", "onSetData"]),
+        D(t.$slots, "dialog")
+      ]),
+      _: 3
+    }, 16, ["start", "page-size", "data", "total", "get-rows"]));
+  }
+}), Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfApiTablesSelect.install = (app) => {
-  app.component(VkfApiTablesSelect.name || "VkfApiTablesSelect", VkfApiTablesSelect);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  N as VkfApiTablesSelect,
+  Q as __VkfApiTablesSelect,
+  N as default
 };
-
-export { VkfApiTablesSelect, types as __VkfApiTablesSelect, VkfApiTablesSelect as default };