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

package/dialog-box/vue.js

@@ -1,16 +1,28 @@
-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 { afterEnter, afterLeave, computedAnimationName, computedStyle, handleConfirm, handleCancel, watchVisible, hide, handleClose, handleWrapperClick, mounted, unMounted, updatePopper, handleDrag, showScrollbar, hideScrollbar } from './index';
-import usePopup from '@opentiny/vue-renderless/common/deps/vue-popup';
-export var api = ['afterEnter', 'afterLeave', 'handleClose', 'handleWrapperClick', 'handleCancel', 'handleConfirm', 'handleDrag', 'state'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    computed = _ref.computed,
-    api = _ref.api,
-    emitter = _ref.emitter,
-    props = _ref.props;
-  var state = reactive({
+import {
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import {
+  afterEnter,
+  afterLeave,
+  computedAnimationName,
+  computedStyle,
+  handleConfirm,
+  handleCancel,
+  watchVisible,
+  hide,
+  handleClose,
+  handleWrapperClick,
+  mounted,
+  unMounted,
+  updatePopper,
+  handleDrag,
+  showScrollbar,
+  hideScrollbar
+} from "./index";
+import usePopup from "@opentiny/vue-renderless/common/deps/vue-popup";
+const api = ["afterEnter", "afterLeave", "handleClose", "handleWrapperClick", "handleCancel", "handleConfirm", "handleDrag", "state"];
+const initState = ({ reactive, computed, api: api2, emitter, props }) => {
+  const state = reactive({
     emitter: emitter(),
     key: 0,
     x: null,
@@ -22,209 +34,107 @@ var initState = function initState(_ref) {
     closed: false,
     dragable: null,
     isFull: props.fullscreen,
-    style: computed(function () {
-      return api.computedStyle();
-    }),
-    animationName: computed(function () {
-      return api.computedAnimationName();
-    })
+    style: computed(() => api2.computedStyle()),
+    animationName: computed(() => api2.computedAnimationName())
   });
   return state;
 };
-var mergeState = function mergeState(_ref2) {
-  var reactive = _ref2.reactive,
-    state = _ref2.state,
-    toRefs = _ref2.toRefs,
-    usePopups = _ref2.usePopups;
-  var bodyPaddingRight = usePopups.bodyPaddingRight,
-    computedBodyPaddingRight = usePopups.computedBodyPaddingRight,
-    opened = usePopups.opened,
-    rendered = usePopups.rendered,
-    withoutHiddenClass = usePopups.withoutHiddenClass;
-  var merge = reactive(_objectSpread({
-    bodyPaddingRight: bodyPaddingRight,
-    computedBodyPaddingRight: computedBodyPaddingRight,
-    opened: opened,
-    rendered: rendered,
-    withoutHiddenClass: withoutHiddenClass
+const mergeState = ({ reactive, state, toRefs, usePopups }) => {
+  const { bodyPaddingRight, computedBodyPaddingRight, opened, rendered, withoutHiddenClass } = usePopups;
+  const merge = reactive(__spreadValues({
+    bodyPaddingRight,
+    computedBodyPaddingRight,
+    opened,
+    rendered,
+    withoutHiddenClass
   }, toRefs(state)));
   return merge;
 };
-var initApi = function initApi(_ref3) {
-  var emit = _ref3.emit,
-    api = _ref3.api,
-    state = _ref3.state,
-    parent = _ref3.parent,
-    props = _ref3.props,
-    lockScrollClass = _ref3.lockScrollClass,
-    constants = _ref3.constants,
-    usePopups = _ref3.usePopups,
-    nextTick = _ref3.nextTick,
-    refs = _ref3.refs,
-    broadcast = _ref3.broadcast;
-  var open = usePopups.open,
-    close = usePopups.close,
-    doOpen = usePopups.doOpen,
-    doClose = usePopups.doClose;
-  var doAfterOpen = usePopups.doAfterOpen,
-    doAfterClose = usePopups.doAfterClose,
-    restoreBodyStyle = usePopups.restoreBodyStyle;
-  Object.assign(api, {
-    state: state,
-    open: open,
-    close: close,
-    doOpen: doOpen,
-    doClose: doClose,
-    doAfterOpen: doAfterOpen,
-    doAfterClose: doAfterClose,
-    restoreBodyStyle: restoreBodyStyle,
-    broadcast: broadcast,
-    handleCancel: handleCancel({
-      api: api,
-      emit: emit
-    }),
-    handleConfirm: handleConfirm({
-      api: api,
-      emit: emit
-    }),
-    updatePopper: updatePopper({
-      api: api,
-      constants: constants
-    }),
-    handleWrapperClick: handleWrapperClick({
-      api: api,
-      props: props
-    }),
-    hide: hide({
-      api: api,
-      emit: emit,
-      state: state,
-      props: props
-    }),
-    handleClose: handleClose({
-      api: api,
-      constants: constants,
-      emit: emit,
-      parent: parent,
-      props: props
-    }),
+const initApi = ({ emit, api: api2, state, parent, props, lockScrollClass, constants, usePopups, nextTick, refs, broadcast }) => {
+  const { open, close, doOpen, doClose } = usePopups;
+  const { doAfterOpen, doAfterClose, restoreBodyStyle } = usePopups;
+  Object.assign(api2, {
+    state,
+    open,
+    close,
+    doOpen,
+    doClose,
+    doAfterOpen,
+    doAfterClose,
+    restoreBodyStyle,
+    broadcast,
+    handleCancel: handleCancel({ api: api2, emit }),
+    handleConfirm: handleConfirm({ api: api2, emit }),
+    updatePopper: updatePopper({ api: api2, constants }),
+    handleWrapperClick: handleWrapperClick({ api: api2, props }),
+    hide: hide({ api: api2, emit, state, props }),
+    handleClose: handleClose({ api: api2, constants, emit, parent, props }),
     watchVisible: watchVisible({
-      api: api,
-      constants: constants,
-      emit: emit,
-      nextTick: nextTick,
-      parent: parent,
-      props: props,
-      refs: refs,
-      state: state
-    }),
-    computedStyle: computedStyle({
-      state: state,
-      props: props
-    }),
-    mounted: mounted({
-      api: api,
-      parent: parent,
-      props: props
-    }),
-    unMounted: unMounted({
-      api: api,
-      parent: parent,
-      props: props
-    }),
-    computedAnimationName: computedAnimationName({
-      constants: constants,
-      props: props
+      api: api2,
+      constants,
+      emit,
+      nextTick,
+      parent,
+      props,
+      refs,
+      state
     }),
+    computedStyle: computedStyle({ state, props }),
+    mounted: mounted({ api: api2, parent, props }),
+    unMounted: unMounted({ api: api2, parent, props }),
+    computedAnimationName: computedAnimationName({ constants, props }),
     afterEnter: afterEnter(emit),
     afterLeave: afterLeave(emit),
     hideScrollbar: hideScrollbar(lockScrollClass),
     showScrollbar: showScrollbar(lockScrollClass),
-    handleDrag: handleDrag({
-      parent: parent,
-      props: props,
-      state: state,
-      emit: emit
-    })
+    handleDrag: handleDrag({ parent, props, state, emit })
   });
 };
-var initWatch = function initWatch(_ref4) {
-  var watch = _ref4.watch,
-    state = _ref4.state,
-    api = _ref4.api,
-    props = _ref4.props;
-  watch(function () {
-    return props.visible;
-  }, api.watchVisible);
-  watch(function () {
-    return props.fullscreen;
-  }, function (value) {
-    state.isFull = value;
-  });
+const initWatch = ({ watch, state, api: api2, props }) => {
+  watch(() => props.visible, api2.watchVisible);
+  watch(
+    () => props.fullscreen,
+    (value) => {
+      state.isFull = value;
+    }
+  );
 };
-export var renderless = function renderless(props, _ref5, _ref6) {
-  var computed = _ref5.computed,
-    onBeforeUnmount = _ref5.onBeforeUnmount,
-    onMounted = _ref5.onMounted,
-    toRefs = _ref5.toRefs,
-    reactive = _ref5.reactive,
-    watch = _ref5.watch;
-  var vm = _ref6.vm,
-    emitter = _ref6.emitter,
-    parent = _ref6.parent,
-    emit = _ref6.emit,
-    constants = _ref6.constants,
-    nextTick = _ref6.nextTick,
-    refs = _ref6.refs,
-    mode = _ref6.mode,
-    broadcast = _ref6.broadcast;
-  var api = {};
-  var lockScrollClass = constants.scrollLockClass(mode);
-  var state = initState({
-    reactive: reactive,
-    computed: computed,
-    api: api,
-    emitter: emitter,
-    props: props
-  });
-  var usePopups = usePopup({
-    api: api,
-    nextTick: nextTick,
-    onBeforeUnmount: onBeforeUnmount,
-    onMounted: onMounted,
-    props: props,
-    reactive: reactive,
-    state: state,
-    toRefs: toRefs,
-    vm: vm,
-    watch: watch
+const renderless = (props, { computed, onBeforeUnmount, onMounted, toRefs, reactive, watch }, { vm, emitter, parent, emit, constants, nextTick, refs, mode, broadcast }) => {
+  const api2 = {};
+  const lockScrollClass = constants.scrollLockClass(mode);
+  let state = initState({ reactive, computed, api: api2, emitter, props });
+  const usePopups = usePopup({
+    api: api2,
+    nextTick,
+    onBeforeUnmount,
+    onMounted,
+    props,
+    reactive,
+    state,
+    toRefs,
+    vm,
+    watch
   });
   initApi({
-    api: api,
-    state: state,
-    parent: parent,
-    props: props,
-    emit: emit,
-    constants: constants,
-    usePopups: usePopups,
-    lockScrollClass: lockScrollClass,
-    nextTick: nextTick,
-    refs: refs,
-    broadcast: broadcast
+    api: api2,
+    state,
+    parent,
+    props,
+    emit,
+    constants,
+    usePopups,
+    lockScrollClass,
+    nextTick,
+    refs,
+    broadcast
   });
-  state = mergeState({
-    reactive: reactive,
-    state: state,
-    toRefs: toRefs,
-    usePopups: usePopups
-  });
-  initWatch({
-    watch: watch,
-    state: state,
-    api: api,
-    props: props
-  });
-  onMounted(api.mounted);
-  onBeforeUnmount(api.unMounted);
-  return api;
-};
+  state = mergeState({ reactive, state, toRefs, usePopups });
+  initWatch({ watch, state, api: api2, props });
+  onMounted(api2.mounted);
+  onBeforeUnmount(api2.unMounted);
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/drop-roles/index.js

@@ -1,73 +1,52 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-export var init = function init(_ref) {
-  var state = _ref.state,
-    service = _ref.service,
-    emit = _ref.emit;
-  return function () {
-    var promise;
-    var _service$fields = service.fields,
-      textField = _service$fields.textField,
-      valueField = _service$fields.valueField;
-    if (state.source) {
-      promise = new Promise(function (resolve) {
-        return resolve(state.source);
-      });
-    } else {
-      promise = Promise.all([service.fetchRole(), service.fetchCurrentRole()]).then(function (result) {
-        var _result = _slicedToArray(result, 2),
-          validRoles = _result[0],
-          currentRole = _result[1];
-        if (validRoles) {
-          state.source = validRoles;
-          if (currentRole && currentRole[valueField]) {
-            state.selectedValue = currentRole[valueField];
-            emit('update:modelValue', state.selectedValue);
-          }
-        } else {
-          state.source = [];
+import "../chunk-PKUHTIDK.js";
+const init = ({ state, service, emit }) => () => {
+  let promise;
+  const { textField, valueField } = service.fields;
+  if (state.source) {
+    promise = new Promise((resolve) => resolve(state.source));
+  } else {
+    promise = Promise.all([service.fetchRole(), service.fetchCurrentRole()]).then((result) => {
+      const [validRoles, currentRole] = result;
+      if (validRoles) {
+        state.source = validRoles;
+        if (currentRole && currentRole[valueField]) {
+          state.selectedValue = currentRole[valueField];
+          emit("update:modelValue", state.selectedValue);
         }
-        return state.source;
-      });
-    }
-    promise.then(function (data) {
-      state.options = data.map(function (item) {
-        return {
-          label: item[textField],
-          value: item[valueField]
-        };
-      });
-      emit('render', state.options, state.selectedValue);
+      } else {
+        state.source = [];
+      }
+      return state.source;
     });
-  };
+  }
+  promise.then((data) => {
+    state.options = data.map((item) => ({
+      label: item[textField],
+      value: item[valueField]
+    }));
+    emit("render", state.options, state.selectedValue);
+  });
 };
-export var change = function change(emit) {
-  return function (value) {
-    emit('update:modelValue', value);
-    emit('change', value);
-  };
+const change = (emit) => (value) => {
+  emit("update:modelValue", value);
+  emit("change", value);
 };
-export var initService = function initService(_ref2) {
-  var props = _ref2.props,
-    service = _ref2.service;
-  var _ref3 = service || {},
-    _ref3$setting = _ref3.setting,
-    setting = _ref3$setting === void 0 ? {} : _ref3$setting,
-    fetchRole = _ref3.fetchRole,
-    fetchCurrentRole = _ref3.fetchCurrentRole;
-  var _setting$options = setting.options,
-    options = _setting$options === void 0 ? {} : _setting$options;
-  var noopFnCreator = function noopFnCreator(propName) {
-    return function () {
-      return Promise.reject(new Error("[AUI Error][DropRoles] Prop ".concat(propName, " is not configured")));
-    };
-  };
-  var defaultDropRolesSetting = {
-    textField: 'roleName',
-    valueField: 'roleId'
+const initService = ({ props, service }) => {
+  const { setting = {}, fetchRole, fetchCurrentRole } = service || {};
+  const { options = {} } = setting;
+  const noopFnCreator = (propName) => () => Promise.reject(new Error(`[TINY Error][DropRoles] Prop ${propName} is not configured`));
+  const defaultDropRolesSetting = {
+    textField: "roleName",
+    valueField: "roleId"
   };
   return {
-    fetchRole: props.fetchRole || fetchRole || noopFnCreator('fetchRole'),
-    fetchCurrentRole: props.fetchCurrentRole || fetchCurrentRole || noopFnCreator('fetchCurrentRole'),
+    fetchRole: props.fetchRole || fetchRole || noopFnCreator("fetchRole"),
+    fetchCurrentRole: props.fetchCurrentRole || fetchCurrentRole || noopFnCreator("fetchCurrentRole"),
     fields: props.fields || options.DropRoles || defaultDropRolesSetting
   };
-};
+};
+export {
+  change,
+  init,
+  initService
+};

package/drop-roles/vue.js

@@ -1,38 +1,30 @@
-import { init, change, initService } from './index';
-export var api = ['state', 'change'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var onMounted = _ref.onMounted,
-    reactive = _ref.reactive,
-    watch = _ref.watch;
-  var parent = _ref2.parent,
-    emit = _ref2.emit,
-    service = _ref2.service;
-  var $service = initService({
-    props: props,
-    service: service
-  });
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { init, change, initService } from "./index";
+const api = ["state", "change"];
+const renderless = (props, { onMounted, reactive, watch }, { parent, emit, service }) => {
+  const $service = initService({ props, service });
+  const state = reactive({
     options: [],
     source: null,
     selectedValue: props.modelValue,
     attrs: parent.$attr
   });
-  watch(function () {
-    return props.modelValue;
-  }, function (value) {
-    state.selectedValue = value;
-  }, {
-    immediate: true
-  });
-  var api = {
-    state: state,
+  watch(
+    () => props.modelValue,
+    (value) => {
+      state.selectedValue = value;
+    },
+    { immediate: true }
+  );
+  const api2 = {
+    state,
     change: change(emit),
-    init: init({
-      state: state,
-      service: $service,
-      emit: emit
-    })
+    init: init({ state, service: $service, emit })
   };
-  onMounted(api.init);
-  return api;
-};
+  onMounted(api2.init);
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/drop-times/index.js

@@ -1,23 +1,22 @@
-import { format } from '@opentiny/vue-renderless/common/date';
-export var init = function init(_ref) {
-  var state = _ref.state,
-    props = _ref.props;
-  return function () {
-    var list = [],
-      value;
-    for (var minutes = props.start; minutes <= props.end; minutes += props.step) {
-      value = format(new Date(0, 0, 0, 0, minutes, 0), 'hh:mm');
-      list.push({
-        label: value,
-        value: value
-      });
-    }
-    state.options = list;
-  };
+import "../chunk-PKUHTIDK.js";
+import { format } from "@opentiny/vue-renderless/common/date";
+const init = ({ state, props }) => () => {
+  let list = [];
+  let value;
+  for (let minutes = props.start; minutes <= props.end; minutes += props.step) {
+    value = format(new Date(0, 0, 0, 0, minutes, 0), "hh:mm");
+    list.push({
+      label: value,
+      value
+    });
+  }
+  state.options = list;
+};
+const change = (emit) => (value) => {
+  emit("update:modelValue", value);
+  emit("change", value);
+};
+export {
+  change,
+  init
 };
-export var change = function change(emit) {
-  return function (value) {
-    emit('update:modelValue', value);
-    emit('change', value);
-  };
-};

package/drop-times/vue.js

@@ -1,28 +1,24 @@
-import { init, change } from './index';
-export var api = ['state', 'change'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var onMounted = _ref.onMounted,
-    reactive = _ref.reactive,
-    watch = _ref.watch;
-  var emit = _ref2.emit;
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { init, change } from "./index";
+const api = ["state", "change"];
+const renderless = (props, { onMounted, reactive, watch }, { emit }) => {
+  const state = reactive({
     options: [],
     selectedValue: props.modelValue
   });
-  watch(function () {
-    return props.modelValue;
-  }, function (newValue) {
-    return state.selectedValue = newValue;
-  });
-  var api = {
-    state: state,
+  watch(
+    () => props.modelValue,
+    (newValue) => state.selectedValue = newValue
+  );
+  const api2 = {
+    state,
     change: change(emit),
-    init: init({
-      state: state,
-      props: props,
-      emit: emit
-    })
+    init: init({ state, props, emit })
   };
-  onMounted(api.init);
-  return api;
-};
+  onMounted(api2.init);
+  return api2;
+};
+export {
+  api,
+  renderless
+};