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

package/date-picker/vue.js

@@ -1,169 +1,111 @@
-import { getBoundary, clearDisplayValue, showPickerAndlockSrcoll, hookMounted, getMonthEndDay, getDisplayValue, getRanges, onConfirm, onCancel, getOrigiCol, getColumns, updateInnerValue, formatValue, onChange, updateColumnValue } from './index';
-import { DATE } from '../common';
-export var api = ['state', 'clearDisplayValue', 'showPickerAndlockSrcoll', 'hookMounted', 'onConfirm', 'onCancel', 'onChange'];
-var setWatchFn = function setWatchFn(_ref) {
-  var api = _ref.api,
-    watch = _ref.watch,
-    props = _ref.props,
-    state = _ref.state,
-    emit = _ref.emit;
-  watch(function () {
-    return props.minDate;
-  }, function () {
-    return api.updateInnerValue();
-  }, {
-    lazy: true
-  });
-  watch(function () {
-    return props.visible;
-  }, function (value) {
-    return state.visible = value;
-  }, {
-    lazy: true
-  });
-  watch(function () {
-    return props.maxDate;
-  }, function () {
-    return api.updateInnerValue();
-  }, {
-    lazy: true
-  });
-  watch(function () {
-    return props.modelValue;
-  }, function (value) {
-    if (value) {
-      var val = api.formatValue(new Date(value));
-      if (val.valueOf() !== state.innerValue.valueOf()) {
-        state.innerValue = val;
+import "../chunk-PKUHTIDK.js";
+import {
+  getBoundary,
+  clearDisplayValue,
+  showPickerAndlockSrcoll,
+  hookMounted,
+  getMonthEndDay,
+  getDisplayValue,
+  getRanges,
+  onConfirm,
+  onCancel,
+  getOrigiCol,
+  getColumns,
+  updateInnerValue,
+  formatValue,
+  onChange,
+  updateColumnValue
+} from "./index";
+import { DATE } from "../common";
+const api = ["state", "clearDisplayValue", "showPickerAndlockSrcoll", "hookMounted", "onConfirm", "onCancel", "onChange"];
+const setWatchFn = ({ api: api2, watch, props, state, emit }) => {
+  watch(
+    () => props.minDate,
+    () => api2.updateInnerValue(),
+    {
+      lazy: true
+    }
+  );
+  watch(
+    () => props.visible,
+    (value) => state.visible = value,
+    { lazy: true }
+  );
+  watch(
+    () => props.maxDate,
+    () => api2.updateInnerValue(),
+    {
+      lazy: true
+    }
+  );
+  watch(
+    () => props.modelValue,
+    (value) => {
+      if (value) {
+        const val = api2.formatValue(new Date(value));
+        if (val.valueOf() !== state.innerValue.valueOf()) {
+          state.innerValue = val;
+        }
+        state.displayValue = api2.getDisplayValue();
       }
-      state.displayValue = api.getDisplayValue();
+    },
+    {
+      immediate: true
     }
-  }, {
-    immediate: true
-  });
-  watch(function () {
-    return state.columns;
-  }, function () {
-    return api.updateColumnValue();
-  }, {
-    lazy: true
-  });
-  watch(function () {
-    return state.innerValue;
-  }, function (value) {
-    return emit('input', value);
-  }, {
-    lazy: true
-  });
+  );
+  watch(
+    () => state.columns,
+    () => api2.updateColumnValue(),
+    {
+      lazy: true
+    }
+  );
+  watch(
+    () => state.innerValue,
+    (value) => emit("input", value),
+    {
+      lazy: true
+    }
+  );
 };
-export var renderless = function renderless(props, context, _ref2, _ref3) {
-  var computed = _ref2.computed,
-    onMounted = _ref2.onMounted,
-    reactive = _ref2.reactive,
-    watch = _ref2.watch;
-  var constants = _ref3.constants,
-    emit = _ref3.emit,
-    nextTick = _ref3.nextTick,
-    refs = _ref3.refs,
-    parent = _ref3.parent;
-  var api = {
-    formatValue: formatValue(props),
-    getMonthEndDay: getMonthEndDay(constants),
-    hookMounted: hookMounted({
-      constants: constants,
-      parent: parent,
-      refs: refs,
-      nextTick: nextTick
-    })
-  };
-  var state = reactive({
+const renderless = (props, context, { computed, onMounted, reactive, watch }, { constants, emit, nextTick, refs, parent }) => {
+  const api2 = { formatValue: formatValue(props), getMonthEndDay: getMonthEndDay(constants), hookMounted: hookMounted({ constants, parent, refs, nextTick }) };
+  const state = reactive({
     visible: false,
     innerValue: formatValue(props)(props.modelValue),
-    ranges: computed(function () {
-      return api.getRanges();
-    }),
-    originColumns: computed(function () {
-      return api.getOrigiCol();
-    }),
-    columns: computed(function () {
-      return api.getColumns();
-    }),
-    displayValue: '',
+    ranges: computed(() => api2.getRanges()),
+    originColumns: computed(() => api2.getOrigiCol()),
+    columns: computed(() => api2.getColumns()),
+    displayValue: "",
     isReadonly: false,
     clearable: props.clearable
   });
-  Object.assign(api, {
-    state: state,
+  Object.assign(api2, {
+    state,
     getOrigiCol: getOrigiCol(state),
-    onCancel: onCancel({
-      emit: emit,
-      state: state
-    }),
-    getColumns: getColumns({
-      props: props,
-      state: state
-    }),
+    onCancel: onCancel({ emit, state }),
+    getColumns: getColumns({ props, state }),
     clearDisplayValue: clearDisplayValue(state),
-    getDisplayValue: getDisplayValue({
-      constants: constants,
-      DATE: DATE,
-      props: props,
-      state: state
-    }),
-    showPickerAndlockSrcoll: showPickerAndlockSrcoll({
-      constants: constants,
-      state: state
-    }),
-    updateColumnValue: updateColumnValue({
-      constants: constants,
-      nextTick: nextTick,
-      props: props,
-      refs: refs,
-      state: state
-    })
-  });
-  api.getBoundary = getBoundary({
-    api: api,
-    constants: constants,
-    props: props
-  });
-  api.updateInnerValue = updateInnerValue({
-    api: api,
-    constants: constants,
-    props: props,
-    refs: refs,
-    state: state
+    getDisplayValue: getDisplayValue({ constants, DATE, props, state }),
+    showPickerAndlockSrcoll: showPickerAndlockSrcoll({ constants, state }),
+    updateColumnValue: updateColumnValue({ constants, nextTick, props, refs, state })
   });
-  api.getRanges = getRanges({
-    api: api,
-    constants: constants,
-    props: props,
-    state: state
-  });
-  setWatchFn({
-    api: api,
-    watch: watch,
-    props: props,
-    state: state,
-    emit: emit
-  });
-  onMounted(function () {
-    api.updateColumnValue();
-    nextTick(function () {
-      api.updateInnerValue();
+  api2.getBoundary = getBoundary({ api: api2, constants, props });
+  api2.updateInnerValue = updateInnerValue({ api: api2, constants, props, refs, state });
+  api2.getRanges = getRanges({ api: api2, constants, props, state });
+  setWatchFn({ api: api2, watch, props, state, emit });
+  onMounted(() => {
+    api2.updateColumnValue();
+    nextTick(() => {
+      api2.updateInnerValue();
     });
   });
-  return Object.assign(api, {
-    onConfirm: onConfirm({
-      api: api,
-      emit: emit,
-      state: state
-    }),
-    onChange: onChange({
-      api: api,
-      emit: emit,
-      refs: refs,
-      nextTick: nextTick
-    })
+  return Object.assign(api2, {
+    onConfirm: onConfirm({ api: api2, emit, state }),
+    onChange: onChange({ api: api2, emit, refs, nextTick })
   });
-};
+};
+export {
+  api,
+  renderless
+};