@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

package/ip-address/vue.js

@@ -1,186 +1,121 @@
-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 { isIP6, isIP4, ipValidator, getCursorPosition, getValue, setValue, focus, select, inputEvent, change, blur, keyup, keydown, getHeightOfSize } from './index';
-import { KEY_CODE } from '@opentiny/vue-renderless/common';
-export var api = ['state', 'focus', 'inputEvent', 'blur', 'keyup', 'keydown', 'change', 'select'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    computed = _ref.computed,
-    handleValue = _ref.handleValue,
-    parent = _ref.parent,
-    props = _ref.props;
-  var state = reactive(_objectSpread(_objectSpread({}, handleValue.state), {}, {
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import {
+  isIP6,
+  isIP4,
+  ipValidator,
+  getCursorPosition,
+  getValue,
+  setValue,
+  focus,
+  select,
+  inputEvent,
+  change,
+  blur,
+  keyup,
+  keydown,
+  getHeightOfSize
+} from "./index";
+import { KEY_CODE } from "@opentiny/vue-renderless/common";
+const api = ["state", "focus", "inputEvent", "blur", "keyup", "keydown", "change", "select"];
+const initState = ({ reactive, computed, handleValue, parent, props }) => {
+  const state = reactive(__spreadProps(__spreadValues({}, handleValue.state), {
     active: false,
     isSelected: false,
     filterKeyCodes: [KEY_CODE.AtMark, KEY_CODE.Backspace, KEY_CODE.ArrowLeft, KEY_CODE.ArrowRight, KEY_CODE.Tab, KEY_CODE.Delete],
-    formDisabled: computed(function () {
-      return (parent.tinyForm || {}).disabled;
-    }),
-    disabled: computed(function () {
-      return props.disabled || state.formDisabled;
-    }),
-    heightStyle: computed(function () {
-      return getHeightOfSize(props.size);
-    }),
-    lineHeightStyle: computed(function () {
-      return getHeightOfSize(props.size, 'line-height');
-    }),
-    allHeightStyle: computed(function () {
-      return "".concat(state.heightStyle).concat(state.lineHeightStyle);
-    })
+    formDisabled: computed(() => (parent.tinyForm || {}).disabled),
+    disabled: computed(() => props.disabled || state.formDisabled),
+    heightStyle: computed(() => getHeightOfSize(props.size)),
+    lineHeightStyle: computed(() => getHeightOfSize(props.size, "line-height")),
+    allHeightStyle: computed(() => `${state.heightStyle}${state.lineHeightStyle}`)
   }));
   return state;
 };
-var initApi = function initApi(_ref2) {
-  var state = _ref2.state,
-    api = _ref2.api,
-    dispatch = _ref2.dispatch,
-    handleValue = _ref2.handleValue,
-    emit = _ref2.emit,
-    broadcast = _ref2.broadcast,
-    parent = _ref2.parent,
-    componentName = _ref2.componentName,
-    props = _ref2.props,
-    eventName = _ref2.eventName;
-  Object.assign(api, _objectSpread(_objectSpread({}, handleValue.api), {}, {
-    state: state,
-    dispatch: dispatch,
-    broadcast: broadcast,
-    getCursorPosition: getCursorPosition,
-    focus: focus({
-      emit: emit,
-      props: props,
-      parent: parent,
-      state: state
-    }),
-    select: select({
-      emit: emit,
-      props: props,
-      parent: parent,
-      state: state
-    }),
+const initApi = ({ state, api: api2, dispatch, handleValue, emit, broadcast, parent, componentName, props, eventName }) => {
+  Object.assign(api2, __spreadProps(__spreadValues({}, handleValue.api), {
+    state,
+    dispatch,
+    broadcast,
+    getCursorPosition,
+    focus: focus({ emit, props, parent, state }),
+    select: select({ emit, props, parent, state }),
     blur: blur({
-      api: api,
-      componentName: componentName,
-      emit: emit,
+      api: api2,
+      componentName,
+      emit,
       eventName: eventName.blur,
-      props: props,
-      state: state
-    }),
-    keyup: keyup({
-      api: api,
-      props: props,
-      parent: parent
-    }),
-    change: change({
-      api: api,
-      emit: emit
+      props,
+      state
     }),
-    keydown: keydown({
-      api: api,
-      props: props,
-      state: state
-    }),
-    inputEvent: inputEvent({
-      api: api,
-      emit: emit,
-      props: props,
-      componentName: componentName,
-      eventName: eventName.change
-    })
+    keyup: keyup({ api: api2, props, parent }),
+    change: change({ api: api2, emit }),
+    keydown: keydown({ api: api2, props, state }),
+    inputEvent: inputEvent({ api: api2, emit, props, componentName, eventName: eventName.change })
   }));
 };
-export var useHandleValue = function useHandleValue(_ref3) {
-  var componentName = _ref3.componentName,
-    dispatch = _ref3.dispatch,
-    eventName = _ref3.eventName,
-    props = _ref3.props,
-    reactive = _ref3.reactive,
-    toRefs = _ref3.toRefs,
-    watch = _ref3.watch;
-  var state = reactive({
+const useHandleValue = ({ componentName, dispatch, eventName, props, reactive, toRefs, watch }) => {
+  const state = reactive({
     address: [],
     isDel: false
   });
-  var api = {
-    isIP6: isIP6,
-    isIP4: isIP4
+  const api2 = {
+    isIP6,
+    isIP4
   };
-  api.getValue = getValue({
-    api: api,
-    props: props,
-    state: state
-  });
-  api.setValue = setValue({
-    api: api,
-    props: props,
-    state: state
-  });
-  api.ipValidator = ipValidator({
-    api: api,
-    props: props
-  });
-  watch(function () {
-    return props.modelValue;
-  }, function (value) {
-    if (!state.isDel) {
-      api.setValue(value);
-      dispatch(componentName, eventName, [value]);
-    }
-  }, {
-    immediate: true
-  });
+  api2.getValue = getValue({ api: api2, props, state });
+  api2.setValue = setValue({ api: api2, props, state });
+  api2.ipValidator = ipValidator({ api: api2, props });
+  watch(
+    () => props.modelValue,
+    (value) => {
+      if (!state.isDel) {
+        api2.setValue(value);
+        dispatch(componentName, eventName, [value]);
+      }
+    },
+    { immediate: true }
+  );
   return {
     state: toRefs(state),
-    api: api
+    api: api2
   };
 };
-export var renderless = function renderless(props, _ref4, _ref5) {
-  var reactive = _ref4.reactive,
-    toRefs = _ref4.toRefs,
-    watch = _ref4.watch,
-    inject = _ref4.inject,
-    computed = _ref4.computed;
-  var $prefix = _ref5.$prefix,
-    emit = _ref5.emit,
-    parent = _ref5.parent,
-    broadcast = _ref5.broadcast,
-    dispatch = _ref5.dispatch;
-  var api = {};
-  var componentName = "FormItem";
-  var eventName = {
+const renderless = (props, { reactive, toRefs, watch, inject, computed }, { $prefix, emit, parent, broadcast, dispatch }) => {
+  const api2 = {};
+  const componentName = "FormItem";
+  const eventName = {
     change: "form.change",
     blur: "form.blur"
   };
-  parent.tinyForm = parent.tinyForm || inject('form', null);
-  var handleValue = useHandleValue({
-    componentName: componentName,
-    dispatch: dispatch,
+  parent.tinyForm = parent.tinyForm || inject("form", null);
+  const handleValue = useHandleValue({
+    componentName,
+    dispatch,
     eventName: eventName.change,
-    props: props,
-    reactive: reactive,
-    toRefs: toRefs,
-    watch: watch
-  });
-  var state = initState({
-    reactive: reactive,
-    computed: computed,
-    handleValue: handleValue,
-    parent: parent,
-    props: props
+    props,
+    reactive,
+    toRefs,
+    watch
   });
+  const state = initState({ reactive, computed, handleValue, parent, props });
   initApi({
-    api: api,
-    state: state,
-    handleValue: handleValue,
-    dispatch: dispatch,
-    broadcast: broadcast,
-    emit: emit,
-    props: props,
-    parent: parent,
-    componentName: componentName,
-    eventName: eventName
+    api: api2,
+    state,
+    handleValue,
+    dispatch,
+    broadcast,
+    emit,
+    props,
+    parent,
+    componentName,
+    eventName
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless,
+  useHandleValue
+};

package/layout/vue.js

@@ -1,4 +1,7 @@
-export var api = [];
-export var renderless = function renderless() {
-  return {};
-};
+import "../chunk-PKUHTIDK.js";
+const api = [];
+const renderless = () => ({});
+export {
+  api,
+  renderless
+};

package/link/index.js

@@ -1,10 +1,9 @@
-export var handleClick = function handleClick(_ref) {
-  var emit = _ref.emit,
-    props = _ref.props,
-    state = _ref.state;
-  return function (event) {
-    if (!state.disabled && !props.href) {
-      emit('click', event);
-    }
-  };
-};
+import "../chunk-PKUHTIDK.js";
+const handleClick = ({ emit, props, state }) => (event) => {
+  if (!state.disabled && !props.href) {
+    emit("click", event);
+  }
+};
+export {
+  handleClick
+};

package/link/vue.js

@@ -1,26 +1,18 @@
-import { handleClick } from './index';
-export var api = ['state', 'handleClick'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var inject = _ref.inject,
-    reactive = _ref.reactive,
-    computed = _ref.computed;
-  var emit = _ref2.emit,
-    parent = _ref2.parent;
-  parent.tinyForm = parent.tinyForm || inject('form', null);
-  var state = reactive({
-    formDisabled: computed(function () {
-      return (parent.tinyForm || {}).disabled;
-    }),
-    disabled: computed(function () {
-      return props.disabled || state.formDisabled;
-    })
+import "../chunk-PKUHTIDK.js";
+import { handleClick } from "./index";
+const api = ["state", "handleClick"];
+const renderless = (props, { inject, reactive, computed }, { emit, parent }) => {
+  parent.tinyForm = parent.tinyForm || inject("form", null);
+  const state = reactive({
+    formDisabled: computed(() => (parent.tinyForm || {}).disabled),
+    disabled: computed(() => props.disabled || state.formDisabled)
   });
   return {
-    state: state,
-    handleClick: handleClick({
-      emit: emit,
-      props: props,
-      state: state
-    })
+    state,
+    handleClick: handleClick({ emit, props, state })
   };
-};
+};
+export {
+  api,
+  renderless
+};

package/link-menu/index.js

@@ -1,146 +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 { mapTree } from '@opentiny/vue-renderless/grid/static';
-import { copyArray } from '@opentiny/vue-renderless/common/object';
-export var dialogTitle = function dialogTitle(_ref) {
-  var constants = _ref.constants,
-    props = _ref.props,
-    t = _ref.t;
-  return function () {
-    return props.title || t(constants.DIALOG_TITLE);
-  };
-};
-export var showDialog = function showDialog(state) {
-  return function () {
-    return state.boxVisibility = true;
-  };
-};
-export var hideDialog = function hideDialog(_ref2) {
-  var api = _ref2.api,
-    state = _ref2.state,
-    vm = _ref2.vm,
-    props = _ref2.props;
-  return function () {
-    if (!props.keepSelectedNodes) {
-      state.currentCheckNode.forEach(function (item) {
-        var isNode = state.listItem.filter(function (data) {
-          return data.id === item.id;
-        });
-        if (isNode.length) {
-          vm.$refs.tree.setChecked(item, true, true);
-          if (item.disabled !== undefined) {
-            item.disabled = false;
-          }
-        } else {
-          vm.$refs.tree.setChecked(item, false, true);
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import { mapTree } from "@opentiny/vue-renderless/grid/static";
+import { copyArray } from "@opentiny/vue-renderless/common/object";
+const dialogTitle = ({ constants, props, t }) => () => props.title || t(constants.DIALOG_TITLE);
+const showDialog = (state) => () => state.boxVisibility = true;
+const hideDialog = ({ api, state, vm, props }) => () => {
+  if (!props.keepSelectedNodes) {
+    state.currentCheckNode.forEach((item) => {
+      const isNode = state.listItem.filter((data) => data.id === item.id);
+      if (isNode.length) {
+        vm.$refs.tree.setChecked(item, true, true);
+        if (item.disabled !== void 0) {
+          item.disabled = false;
         }
-      });
-      state.getNodeValue = copyArray(state.listItem);
-      if (state.getNodeValue.length === props.maxItem) {
-        api.disabledTreeNode(state.getNodeValue, true);
-      } else if (state.getNodeValue.length < props.maxItem) {
-        api.disabledTreeNode(state.getNodeValue, false);
-      }
-      state.currentCheckNode = [];
-    }
-    state.boxVisibility = false;
-  };
-};
-export var sureNodevalue = function sureNodevalue(state) {
-  return function () {
-    state.listItem = state.getNodeValue.slice();
-    state.currentCheckNode = [];
-    state.boxVisibility = false;
-  };
-};
-export var filterNode = function filterNode() {
-  return function (value, data) {
-    return data.label.indexOf(value) !== -1;
-  };
-};
-export var getValue = function getValue(_ref3) {
-  var api = _ref3.api,
-    props = _ref3.props,
-    state = _ref3.state;
-  return function (value) {
-    if (!props.keepSelectedNodes) {
-      state.currentCheckNode.push(value);
-    }
-    var index = -1;
-    state.getNodeValue.forEach(function (data, indexx) {
-      if (data.id === value.id) {
-        index = indexx;
+      } else {
+        vm.$refs.tree.setChecked(item, false, true);
       }
     });
-    index !== -1 ? state.getNodeValue.splice(index, 1) : state.getNodeValue.push(value);
+    state.getNodeValue = copyArray(state.listItem);
     if (state.getNodeValue.length === props.maxItem) {
       api.disabledTreeNode(state.getNodeValue, true);
     } else if (state.getNodeValue.length < props.maxItem) {
       api.disabledTreeNode(state.getNodeValue, false);
     }
-  };
+    state.currentCheckNode = [];
+  }
+  state.boxVisibility = false;
+};
+const sureNodevalue = (state) => () => {
+  state.listItem = state.getNodeValue.slice();
+  state.currentCheckNode = [];
+  state.boxVisibility = false;
 };
-export var disabledTreeNode = function disabledTreeNode(state) {
-  return function (arr, isDisabled) {
-    state.datas.forEach(function (item) {
-      if (!item.children) {
-        var index = arr.filter(function (data) {
-          return data.id === item.id;
-        });
+const filterNode = () => (value, data) => data.label.includes(value);
+const getValue = ({ api, props, state }) => (value) => {
+  if (!props.keepSelectedNodes) {
+    state.currentCheckNode.push(value);
+  }
+  let index = -1;
+  state.getNodeValue.forEach((data, indexx) => {
+    if (data.id === value.id) {
+      index = indexx;
+    }
+  });
+  index !== -1 ? state.getNodeValue.splice(index, 1) : state.getNodeValue.push(value);
+  if (state.getNodeValue.length === props.maxItem) {
+    api.disabledTreeNode(state.getNodeValue, true);
+  } else if (state.getNodeValue.length < props.maxItem) {
+    api.disabledTreeNode(state.getNodeValue, false);
+  }
+};
+const disabledTreeNode = (state) => (arr, isDisabled) => {
+  state.datas.forEach((item) => {
+    if (!item.children) {
+      const index = arr.filter((data) => data.id === item.id);
+      if (!index.length) {
+        item.disabled = isDisabled;
+      }
+    } else {
+      item.children.forEach((item2) => {
+        const index = arr.filter((data) => data.id === item2.id);
         if (!index.length) {
-          item.disabled = isDisabled;
+          item2.disabled = isDisabled;
         }
-      } else {
-        item.children.forEach(function (item) {
-          var index = arr.filter(function (data) {
-            return data.id === item.id;
-          });
-          if (!index.length) {
-            item.disabled = isDisabled;
-          }
-        });
-      }
-    });
-  };
-};
-export var initData = function initData(_ref4) {
-  var state = _ref4.state,
-    props = _ref4.props,
-    service = _ref4.service,
-    api = _ref4.api;
-  return function () {
-    var data = props.data;
-    if (!data && typeof service.getMenuDataSync === 'function') {
-      var menuData = service.getMenuDataSync();
-      data = api.setMenuKey({
-        newData: [],
-        menuData: menuData
       });
     }
-    state.datas = mapTree(data || [], function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, {
-        disabled: false
-      });
-    });
-  };
+  });
 };
-export var disabledParentNode = function disabledParentNode(state) {
-  return function () {
-    state.datas.forEach(function (item) {
-      if (item.children) {
-        item.disabled = true;
-      }
-    });
-  };
+const initData = ({ state, props, service, api }) => () => {
+  let data = props.data;
+  if (!data && typeof service.getMenuDataSync === "function") {
+    const menuData = service.getMenuDataSync();
+    data = api.setMenuKey({ newData: [], menuData });
+  }
+  state.datas = mapTree(data || [], (item) => __spreadProps(__spreadValues({}, item), { disabled: false }));
 };
-export var initService = function initService(_ref5) {
-  var props = _ref5.props,
-    service = _ref5.service;
-  var $service = service || {
-    base: {}
-  };
+const disabledParentNode = (state) => () => {
+  state.datas.forEach((item) => {
+    if (item.children) {
+      item.disabled = true;
+    }
+  });
+};
+const initService = ({ props, service }) => {
+  const $service = service || { base: {} };
   return {
     getMenuDataSync: props.getMenuDataSync || $service.base.getMenuDataSync
   };
-};
+};
+export {
+  dialogTitle,
+  disabledParentNode,
+  disabledTreeNode,
+  filterNode,
+  getValue,
+  hideDialog,
+  initData,
+  initService,
+  showDialog,
+  sureNodevalue
+};