@opentiny/vue-renderless 3.6.0-alpha.1 → 3.6.1-alpha.0

package/popeditor/vue.js

@@ -1,73 +1,104 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import debounce from '@opentiny/vue-renderless/common/deps/debounce';
-import userPopper from '@opentiny/vue-renderless/common/deps/vue-popper';
-import { computedGetTitle, computedTreeOp, computedModalWidth, createSearchForm, filterNode, getColumns, getDisplay, getMultiSelectedData, getRadioSelectedData, handleClear, handleConfirm, handleOpen, handleReset, handleCancel, handleBeforeClose, handleSearch, handleSizeChange, initDisplay, openDialog, query, selectedGridSelectAll, selectedGridSelectChange, sourceGridSelectAll, sourceGridSelectChange, treeCheckChange, watchFilterText, handleNumberPageChange, doSearch, doClear, doSuggesst, closeSuggestPanel, getSuggestParam, suggestRadioChange, updateSuggestWidth, handlePager, initSearchOption, mounted } from './index';
-export var api = ['state', 'handleOpen', 'openDialog', 'handleClear', 'handleConfirm', 'handleReset', 'handleSearch', 'handleCancel', 'handleBeforeClose', 'handleSizeChange', 'selectedGridSelectAll', 'selectedGridSelectChange', 'sourceGridSelectAll', 'sourceGridSelectChange', 'treeCheckChange', 'handleNumberPageChange', 'doSearch', 'doClear', 'doSuggesst', 'closeSuggestPanel', 'popper', 'doSuggesstNow', 'suggestRadioChange'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    computed = _ref.computed,
-    props = _ref.props,
-    api = _ref.api,
-    constants = _ref.constants,
-    t = _ref.t,
-    parent = _ref.parent;
-  var state = reactive({
+import {
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import debounce from "@opentiny/vue-renderless/common/deps/debounce";
+import userPopper from "@opentiny/vue-renderless/common/deps/vue-popper";
+import {
+  computedGetTitle,
+  computedTreeOp,
+  computedModalWidth,
+  createSearchForm,
+  filterNode,
+  getColumns,
+  getDisplay,
+  getMultiSelectedData,
+  getRadioSelectedData,
+  handleClear,
+  handleConfirm,
+  handleOpen,
+  handleReset,
+  handleCancel,
+  handleBeforeClose,
+  handleSearch,
+  handleSizeChange,
+  initDisplay,
+  openDialog,
+  query,
+  selectedGridSelectAll,
+  selectedGridSelectChange,
+  sourceGridSelectAll,
+  sourceGridSelectChange,
+  treeCheckChange,
+  watchFilterText,
+  handleNumberPageChange,
+  doSearch,
+  doClear,
+  doSuggesst,
+  closeSuggestPanel,
+  getSuggestParam,
+  suggestRadioChange,
+  updateSuggestWidth,
+  handlePager,
+  initSearchOption,
+  mounted
+} from "./index";
+const api = [
+  "state",
+  "handleOpen",
+  "openDialog",
+  "handleClear",
+  "handleConfirm",
+  "handleReset",
+  "handleSearch",
+  "handleCancel",
+  "handleBeforeClose",
+  "handleSizeChange",
+  "selectedGridSelectAll",
+  "selectedGridSelectChange",
+  "sourceGridSelectAll",
+  "sourceGridSelectChange",
+  "treeCheckChange",
+  "handleNumberPageChange",
+  "doSearch",
+  "doClear",
+  "doSuggesst",
+  "closeSuggestPanel",
+  "popper",
+  "doSuggesstNow",
+  "suggestRadioChange"
+];
+const initState = ({ reactive, computed, props, api: api2, constants, t, parent }) => {
+  const state = reactive({
     open: false,
-    display: '',
-    getTitle: computed(function () {
-      return api.computedGetTitle({
-        constants: constants,
-        props: props,
-        t: t
-      });
-    }),
-    readonly: computed(function () {
-      return !props.suggest && props.readonly;
-    }),
-    modalWidth: computed(function () {
-      return api.computedModalWidth({
-        constants: constants,
-        props: props
-      });
-    }),
+    display: "",
+    getTitle: computed(() => api2.computedGetTitle({ constants, props, t })),
+    readonly: computed(() => !props.suggest && props.readonly),
+    modalWidth: computed(() => api2.computedModalWidth({ constants, props })),
     conditions: props.conditions,
     activeName: props.showHistory ? constants.ACTIVE_NAME.history : constants.ACTIVE_NAME.source,
     commitValue: Array.isArray(props.modelValue) ? props.modelValue.slice(0) : props.modelValue,
     currentPage: 1,
-    baseColumns: computed(function () {
-      return getColumns({
-        constants: constants,
-        props: props
-      });
-    }),
+    baseColumns: computed(() => getColumns({ constants, props })),
     selectedDatas: [],
     selectedValues: [],
     sourceGridDataset: [],
     fullGridData: [],
     historyGridDataset: [],
-    filterText: '',
-    treeOp: computed(function () {
-      return api.computedTreeOp(props, state);
-    }),
-    pagerConfig: reactive(_objectSpread({
+    filterText: "",
+    treeOp: computed(() => api2.computedTreeOp(props, state)),
+    pagerConfig: reactive(__spreadValues({
       currentPage: 1,
       pageSize: 10,
       total: 0,
-      layout: 'prev,pager,next'
+      layout: "prev,pager,next"
     }, props.gridOp.pagerOp || props.pagerOp || {})),
     loading: false,
     treeSelectList: [],
     radioConfig: props.radioConfig,
     searchOp: {},
     cacheStore: {},
-    formDisabled: computed(function () {
-      return (parent.tinyForm || {}).disabled;
-    }),
-    disabled: computed(function () {
-      return props.disabled || state.formDisabled;
-    }),
+    formDisabled: computed(() => (parent.tinyForm || {}).disabled),
+    disabled: computed(() => props.disabled || state.formDisabled),
     suggestList: [],
     showSuggestPanel: false,
     inputHover: false,
@@ -76,293 +107,93 @@ var initState = function initState(_ref) {
   });
   return state;
 };
-var initApi = function initApi(_ref2) {
-  var api = _ref2.api,
-    props = _ref2.props,
-    state = _ref2.state,
-    parent = _ref2.parent,
-    refs = _ref2.refs,
-    emit = _ref2.emit,
-    popper = _ref2.popper,
-    constants = _ref2.constants,
-    vm = _ref2.vm,
-    nextTick = _ref2.nextTick;
-  Object.assign(api, {
-    state: state,
-    popper: popper,
-    computedGetTitle: computedGetTitle,
-    computedModalWidth: computedModalWidth,
+const initApi = ({ api: api2, props, state, parent, refs, emit, popper, constants, vm, nextTick }) => {
+  Object.assign(api2, {
+    state,
+    popper,
+    computedGetTitle,
+    computedModalWidth,
     filterNode: filterNode(),
-    query: query({
-      constants: constants,
-      parent: parent,
-      props: props,
-      state: state
-    }),
+    query: query({ constants, parent, props, state }),
     watchFilterText: watchFilterText(vm),
-    treeCheckChange: treeCheckChange({
-      constants: constants,
-      state: state,
-      props: props
-    }),
-    getDisplay: getDisplay({
-      constants: constants,
-      props: props,
-      state: state
-    }),
+    treeCheckChange: treeCheckChange({ constants, state, props }),
+    getDisplay: getDisplay({ constants, props, state }),
     createSearchForm: createSearchForm(props),
-    handleCancel: handleCancel({
-      props: props,
-      state: state,
-      constants: constants
-    }),
-    handleBeforeClose: handleBeforeClose({
-      props: props,
-      state: state,
-      constants: constants
-    }),
-    getMultiSelectedData: getMultiSelectedData({
-      props: props,
-      state: state
-    }),
-    getRadioSelectedData: getRadioSelectedData({
-      constants: constants,
-      props: props,
-      state: state,
-      vm: vm
-    }),
-    selectedGridSelectAll: selectedGridSelectAll({
-      constants: constants,
-      props: props,
-      vm: vm,
-      state: state
-    }),
-    selectedGridSelectChange: selectedGridSelectChange({
-      constants: constants,
-      props: props,
-      vm: vm,
-      state: state
-    }),
-    handleReset: handleReset({
-      api: api,
-      state: state,
-      props: props
-    }),
-    openDialog: openDialog({
-      api: api,
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    initDisplay: initDisplay({
-      api: api,
-      constants: constants,
-      props: props,
-      state: state,
-      nextTick: nextTick
-    }),
-    handleSearch: handleSearch({
-      api: api,
-      props: props,
-      state: state,
-      refs: refs,
-      constants: constants
-    }),
-    computedTreeOp: computedTreeOp({
-      api: api,
-      constants: constants
-    }),
-    handleSizeChange: handleSizeChange({
-      api: api,
-      emit: emit,
-      state: state
-    }),
-    handleOpen: handleOpen({
-      api: api,
-      constants: constants,
-      props: props,
-      state: state
-    }),
-    handleClear: handleClear({
-      constants: constants,
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    handleConfirm: handleConfirm({
-      api: api,
-      constants: constants,
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    handleNumberPageChange: handleNumberPageChange({
-      api: api,
-      emit: emit,
-      state: state
-    }),
-    doSearch: doSearch({
-      api: api,
-      state: state,
-      props: props
-    }),
-    doClear: doClear({
-      api: api,
-      state: state,
-      props: props
-    }),
-    updateSuggestWidth: updateSuggestWidth({
-      refs: refs
-    }),
-    doSuggesstNow: doSuggesst({
-      api: api,
-      state: state,
-      props: props,
-      popper: popper
-    }),
-    doSuggesst: debounce(1000, doSuggesst({
-      api: api,
-      state: state,
-      props: props,
-      popper: popper
-    })),
-    closeSuggestPanel: closeSuggestPanel({
-      api: api,
-      state: state,
-      refs: refs
-    }),
-    sourceGridSelectChange: sourceGridSelectChange({
-      props: props,
-      state: state,
-      api: api
-    }),
-    sourceGridSelectAll: sourceGridSelectAll({
-      props: props,
-      state: state,
-      api: api
-    }),
-    getSuggestParam: getSuggestParam({
-      props: props,
-      state: state,
-      api: api
-    }),
-    suggestRadioChange: suggestRadioChange({
-      api: api,
-      state: state
-    }),
-    handlePager: handlePager({
-      api: api,
-      props: props,
-      state: state
-    }),
-    initSearchOption: initSearchOption({
-      api: api,
-      state: state
-    }),
-    mounted: mounted({
-      api: api,
-      props: props
-    })
+    handleCancel: handleCancel({ props, state, constants }),
+    handleBeforeClose: handleBeforeClose({ props, state, constants }),
+    getMultiSelectedData: getMultiSelectedData({ props, state }),
+    getRadioSelectedData: getRadioSelectedData({ constants, props, state, vm }),
+    selectedGridSelectAll: selectedGridSelectAll({ constants, props, vm, state }),
+    selectedGridSelectChange: selectedGridSelectChange({ constants, props, vm, state }),
+    handleReset: handleReset({ api: api2, state, props }),
+    openDialog: openDialog({ api: api2, emit, props, state }),
+    initDisplay: initDisplay({ api: api2, constants, props, state, nextTick }),
+    handleSearch: handleSearch({ api: api2, props, state, refs, constants }),
+    computedTreeOp: computedTreeOp({ api: api2, constants }),
+    handleSizeChange: handleSizeChange({ api: api2, emit, state }),
+    handleOpen: handleOpen({ api: api2, constants, props, state }),
+    handleClear: handleClear({ constants, emit, props, state }),
+    handleConfirm: handleConfirm({ api: api2, constants, emit, props, state }),
+    handleNumberPageChange: handleNumberPageChange({ api: api2, emit, state }),
+    doSearch: doSearch({ api: api2, state, props }),
+    doClear: doClear({ api: api2, state, props }),
+    updateSuggestWidth: updateSuggestWidth({ refs }),
+    doSuggesstNow: doSuggesst({ api: api2, state, props, popper }),
+    doSuggesst: debounce(1e3, doSuggesst({ api: api2, state, props, popper })),
+    closeSuggestPanel: closeSuggestPanel({ api: api2, state, refs }),
+    sourceGridSelectChange: sourceGridSelectChange({ props, state, api: api2 }),
+    sourceGridSelectAll: sourceGridSelectAll({ props, state, api: api2 }),
+    getSuggestParam: getSuggestParam({ props, state, api: api2 }),
+    suggestRadioChange: suggestRadioChange({ api: api2, state }),
+    handlePager: handlePager({ api: api2, props, state }),
+    initSearchOption: initSearchOption({ api: api2, state }),
+    mounted: mounted({ api: api2, props })
   });
-  state.search = api.createSearchForm(false);
+  state.search = api2.createSearchForm(false);
 };
-var initWatch = function initWatch(_ref3) {
-  var watch = _ref3.watch,
-    props = _ref3.props,
-    api = _ref3.api,
-    state = _ref3.state,
-    popper = _ref3.popper;
-  watch(function () {
-    return props.gridOp.data;
-  }, function (value) {
-    state.fullGridData = value;
-    api.initDisplay(props.modelValue);
-  });
-  watch(function () {
-    return state.fullGridData;
-  }, api.handlePager);
-  watch(function () {
-    return props.modelValue;
-  }, api.initDisplay);
-  watch(function () {
-    return state.filterText;
-  }, api.watchFilterText, {
-    deep: true
-  });
-  watch(function () {
-    return state.showSuggestPanel;
-  }, function (value) {
-    popper.showPopper.value = value;
-  }, {
-    immediate: true
-  });
-  watch(function () {
-    return props.conditions;
-  }, api.initSearchOption, {
-    deep: true,
-    immediate: true
-  });
+const initWatch = ({ watch, props, api: api2, state, popper }) => {
+  watch(
+    () => props.gridOp.data,
+    (value) => {
+      state.fullGridData = value;
+      api2.initDisplay(props.modelValue);
+    }
+  );
+  watch(() => state.fullGridData, api2.handlePager);
+  watch(() => props.modelValue, api2.initDisplay);
+  watch(() => state.filterText, api2.watchFilterText, { deep: true });
+  watch(
+    () => state.showSuggestPanel,
+    (value) => {
+      popper.showPopper.value = value;
+    },
+    { immediate: true }
+  );
+  watch(() => props.conditions, api2.initSearchOption, { deep: true, immediate: true });
 };
-export var renderless = function renderless(props, _ref4, _ref5) {
-  var computed = _ref4.computed,
-    onMounted = _ref4.onMounted,
-    reactive = _ref4.reactive,
-    watch = _ref4.watch,
-    inject = _ref4.inject,
-    toRefs = _ref4.toRefs,
-    onBeforeUnmount = _ref4.onBeforeUnmount,
-    onDeactivated = _ref4.onDeactivated;
-  var t = _ref5.t,
-    refs = _ref5.refs,
-    parent = _ref5.parent,
-    emit = _ref5.emit,
-    constants = _ref5.constants,
-    vm = _ref5.vm,
-    nextTick = _ref5.nextTick,
-    slots = _ref5.slots;
-  var api = {};
-  var state = initState({
-    reactive: reactive,
-    computed: computed,
-    props: props,
-    api: api,
-    constants: constants,
-    t: t,
-    parent: parent
-  });
-  var popper = userPopper({
-    emit: emit,
-    refs: refs,
-    watch: watch,
-    onBeforeUnmount: onBeforeUnmount,
-    props: props,
-    nextTick: nextTick,
-    toRefs: toRefs,
-    slots: slots,
-    reactive: reactive,
-    onDeactivated: onDeactivated
+const renderless = (props, { computed, onMounted, reactive, watch, inject, toRefs, onBeforeUnmount, onDeactivated }, { t, refs, parent, emit, constants, vm, nextTick, slots }) => {
+  const api2 = {};
+  const state = initState({ reactive, computed, props, api: api2, constants, t, parent });
+  const popper = userPopper({
+    emit,
+    refs,
+    watch,
+    onBeforeUnmount,
+    props,
+    nextTick,
+    toRefs,
+    slots,
+    reactive,
+    onDeactivated
   });
-  parent.tinyForm = parent.tinyForm || inject('form', null);
-  initApi({
-    api: api,
-    props: props,
-    state: state,
-    parent: parent,
-    refs: refs,
-    emit: emit,
-    popper: popper,
-    constants: constants,
-    vm: vm,
-    nextTick: nextTick
-  });
-  initWatch({
-    watch: watch,
-    props: props,
-    api: api,
-    state: state,
-    popper: popper
-  });
-  onMounted(api.mounted);
-  onBeforeUnmount(api.closeSuggestPanel);
-  return api;
-};
+  parent.tinyForm = parent.tinyForm || inject("form", null);
+  initApi({ api: api2, props, state, parent, refs, emit, popper, constants, vm, nextTick });
+  initWatch({ watch, props, api: api2, state, popper });
+  onMounted(api2.mounted);
+  onBeforeUnmount(api2.closeSuggestPanel);
+  return api2;
+};
+export {
+  api,
+  renderless
+};