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

package/company/vue.js

@@ -1,35 +1,29 @@
-import { init, change, initService } from './index';
-export var api = ['state', 'change', 'clear', 'visibleChange'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var watch = _ref.watch,
-    reactive = _ref.reactive;
-  var 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", "clear", "visibleChange"];
+const renderless = (props, { watch, reactive }, { emit, service }) => {
+  const $service = initService({ props, service });
+  const state = reactive({
     options: [],
     source: null,
     selectedValue: props.modelValue
   });
-  var api = {
-    state: state,
+  const api2 = {
+    state,
     change: change(emit),
-    init: init({
-      state: state,
-      props: props,
-      service: $service
-    })
+    init: init({ state, props, service: $service })
   };
-  watch(function () {
-    return props.modelValue;
-  }, function (propsValue) {
-    state.selectedValue = propsValue;
-  }, {
-    immediate: true
-  });
-  api.init();
-  return api;
-};
+  watch(
+    () => props.modelValue,
+    (propsValue) => {
+      state.selectedValue = propsValue;
+    },
+    { immediate: true }
+  );
+  api2.init();
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/container/index.js

@@ -1,110 +1,84 @@
-import { isNumber } from '@opentiny/vue-renderless/common/type';
-export var computedShowHeader = function computedShowHeader(_ref) {
-  var constants = _ref.constants,
-    props = _ref.props;
-  return function () {
-    return props.pattern !== constants.SIMPLE;
-  };
-};
-export var computedShowFooter = function computedShowFooter(_ref2) {
-  var constants = _ref2.constants,
-    props = _ref2.props;
-  return function () {
-    return props.pattern === constants.LEGEND || props.pattern === constants.CLASSIC;
-  };
-};
-export var computedShowAside = function computedShowAside(_ref3) {
-  var constants = _ref3.constants,
-    props = _ref3.props;
-  return function () {
-    return props.pattern !== constants.CLASSIC;
-  };
-};
-var transferWidthOrHeight = function transferWidthOrHeight(value) {
-  return isNumber(value) ? value + 'px' : value;
-};
-export var computedHeaderStyle = function computedHeaderStyle(_ref4) {
-  var constants = _ref4.constants,
-    props = _ref4.props;
-  return function () {
-    if (props.pattern === constants.FASHION) {
-      return {
-        height: transferWidthOrHeight(props.headerHeight),
-        left: transferWidthOrHeight(props.asideWidth)
-      };
-    }
+import "../chunk-PKUHTIDK.js";
+import { isNumber } from "@opentiny/vue-renderless/common/type";
+const computedShowHeader = ({ constants, props }) => () => props.pattern !== constants.SIMPLE;
+const computedShowFooter = ({ constants, props }) => () => props.pattern === constants.LEGEND || props.pattern === constants.CLASSIC;
+const computedShowAside = ({ constants, props }) => () => props.pattern !== constants.CLASSIC;
+const transferWidthOrHeight = (value) => isNumber(value) ? value + "px" : value;
+const computedHeaderStyle = ({ constants, props }) => () => {
+  if (props.pattern === constants.FASHION) {
     return {
-      height: transferWidthOrHeight(props.headerHeight)
+      height: transferWidthOrHeight(props.headerHeight),
+      left: transferWidthOrHeight(props.asideWidth)
     };
+  }
+  return {
+    height: transferWidthOrHeight(props.headerHeight)
   };
 };
-export var computedAsideStyle = function computedAsideStyle(_ref5) {
-  var constants = _ref5.constants,
-    props = _ref5.props;
-  return function () {
-    if (props.pattern === constants.SIMPLE || props.pattern === constants.FASHION) {
-      return {
-        top: transferWidthOrHeight(0),
-        width: transferWidthOrHeight(props.asideWidth)
-      };
-    }
+const computedAsideStyle = ({ constants, props }) => () => {
+  if (props.pattern === constants.SIMPLE || props.pattern === constants.FASHION) {
     return {
-      width: transferWidthOrHeight(props.asideWidth),
-      top: transferWidthOrHeight(props.headerHeight)
+      top: transferWidthOrHeight(0),
+      width: transferWidthOrHeight(props.asideWidth)
     };
+  }
+  return {
+    width: transferWidthOrHeight(props.asideWidth),
+    top: transferWidthOrHeight(props.headerHeight)
   };
 };
-export var computedMainStyle = function computedMainStyle(_ref6) {
-  var constants = _ref6.constants,
-    props = _ref6.props;
-  return function () {
-    if (props.pattern === constants.DEFAULT || props.pattern === constants.FASHION) {
-      return {
-        top: transferWidthOrHeight(props.headerHeight),
-        left: transferWidthOrHeight(props.asideWidth),
-        bottom: transferWidthOrHeight(0)
-      };
-    }
-    if (props.pattern === constants.LEGEND) {
-      return {
-        top: transferWidthOrHeight(props.headerHeight),
-        left: transferWidthOrHeight(props.asideWidth),
-        bottom: transferWidthOrHeight(props.footerHeight)
-      };
-    }
-    if (props.pattern === constants.SIMPLE) {
-      return {
-        top: transferWidthOrHeight(0),
-        left: transferWidthOrHeight(props.asideWidth),
-        bottom: transferWidthOrHeight(0)
-      };
-    }
-    if (props.pattern === constants.CLASSIC) {
-      return {
-        top: transferWidthOrHeight(props.headerHeight),
-        left: transferWidthOrHeight(0),
-        bottom: transferWidthOrHeight(props.footerHeight)
-      };
-    }
-  };
+const computedMainStyle = ({ constants, props }) => () => {
+  if (props.pattern === constants.DEFAULT || props.pattern === constants.FASHION) {
+    return {
+      top: transferWidthOrHeight(props.headerHeight),
+      left: transferWidthOrHeight(props.asideWidth),
+      bottom: transferWidthOrHeight(0)
+    };
+  }
+  if (props.pattern === constants.LEGEND) {
+    return {
+      top: transferWidthOrHeight(props.headerHeight),
+      left: transferWidthOrHeight(props.asideWidth),
+      bottom: transferWidthOrHeight(props.footerHeight)
+    };
+  }
+  if (props.pattern === constants.SIMPLE) {
+    return {
+      top: transferWidthOrHeight(0),
+      left: transferWidthOrHeight(props.asideWidth),
+      bottom: transferWidthOrHeight(0)
+    };
+  }
+  if (props.pattern === constants.CLASSIC) {
+    return {
+      top: transferWidthOrHeight(props.headerHeight),
+      left: transferWidthOrHeight(0),
+      bottom: transferWidthOrHeight(props.footerHeight)
+    };
+  }
 };
-export var computedFooterStyle = function computedFooterStyle(_ref7) {
-  var constants = _ref7.constants,
-    props = _ref7.props;
-  return function () {
-    if (props.pattern === constants.CLASSIC) {
-      return {
-        height: transferWidthOrHeight(props.footerHeight),
-        left: transferWidthOrHeight(0)
-      };
-    } else if (props.pattern === constants.LEGEND) {
-      return {
-        height: transferWidthOrHeight(props.footerHeight),
-        left: transferWidthOrHeight(props.asideWidth)
-      };
-    }
+const computedFooterStyle = ({ constants, props }) => () => {
+  if (props.pattern === constants.CLASSIC) {
+    return {
+      height: transferWidthOrHeight(props.footerHeight),
+      left: transferWidthOrHeight(0)
+    };
+  } else if (props.pattern === constants.LEGEND) {
     return {
-      height: transferWidthOrHeight(props.footerHeight)
+      height: transferWidthOrHeight(props.footerHeight),
+      left: transferWidthOrHeight(props.asideWidth)
     };
+  }
+  return {
+    height: transferWidthOrHeight(props.footerHeight)
   };
-};
+};
+export {
+  computedAsideStyle,
+  computedFooterStyle,
+  computedHeaderStyle,
+  computedMainStyle,
+  computedShowAside,
+  computedShowFooter,
+  computedShowHeader
+};

package/container/vue.js

@@ -1,63 +1,38 @@
-import { computedShowHeader, computedShowAside, computedShowFooter, computedHeaderStyle, computedAsideStyle, computedMainStyle, computedFooterStyle } from './index';
-export var api = ['state'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive;
-  var constants = _ref2.constants;
-  var api = {};
-  var state = reactive({
-    showAside: computed(function () {
-      return api.computedShowAside();
-    }),
-    showHeader: computed(function () {
-      return api.computedShowHeader();
-    }),
-    showFooter: computed(function () {
-      return api.computedShowFooter();
-    }),
-    mainStyle: computed(function () {
-      return api.computedMainStyle();
-    }),
-    asideStyle: computed(function () {
-      return api.computedAsideStyle();
-    }),
-    headerStyle: computed(function () {
-      return api.computedHeaderStyle();
-    }),
-    footerStyle: computed(function () {
-      return api.computedFooterStyle();
-    })
+import "../chunk-PKUHTIDK.js";
+import {
+  computedShowHeader,
+  computedShowAside,
+  computedShowFooter,
+  computedHeaderStyle,
+  computedAsideStyle,
+  computedMainStyle,
+  computedFooterStyle
+} from "./index";
+const api = ["state"];
+const renderless = (props, { computed, reactive }, { constants }) => {
+  const api2 = {};
+  const state = reactive({
+    showAside: computed(() => api2.computedShowAside()),
+    showHeader: computed(() => api2.computedShowHeader()),
+    showFooter: computed(() => api2.computedShowFooter()),
+    mainStyle: computed(() => api2.computedMainStyle()),
+    asideStyle: computed(() => api2.computedAsideStyle()),
+    headerStyle: computed(() => api2.computedHeaderStyle()),
+    footerStyle: computed(() => api2.computedFooterStyle())
   });
-  Object.assign(api, {
-    state: state,
-    computedShowAside: computedShowAside({
-      constants: constants,
-      props: props
-    }),
-    computedShowHeader: computedShowHeader({
-      constants: constants,
-      props: props
-    }),
-    computedShowFooter: computedShowFooter({
-      constants: constants,
-      props: props
-    }),
-    computedMainStyle: computedMainStyle({
-      constants: constants,
-      props: props
-    }),
-    computedAsideStyle: computedAsideStyle({
-      constants: constants,
-      props: props
-    }),
-    computedHeaderStyle: computedHeaderStyle({
-      constants: constants,
-      props: props
-    }),
-    computedFooterStyle: computedFooterStyle({
-      constants: constants,
-      props: props
-    })
+  Object.assign(api2, {
+    state,
+    computedShowAside: computedShowAside({ constants, props }),
+    computedShowHeader: computedShowHeader({ constants, props }),
+    computedShowFooter: computedShowFooter({ constants, props }),
+    computedMainStyle: computedMainStyle({ constants, props }),
+    computedAsideStyle: computedAsideStyle({ constants, props }),
+    computedHeaderStyle: computedHeaderStyle({ constants, props }),
+    computedFooterStyle: computedFooterStyle({ constants, props })
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/country/index.js

@@ -1,54 +1,40 @@
-export var change = function change(emit) {
-  return function (value) {
-    emit('update:modelValue', value);
-    emit('change', value);
-  };
+import "../chunk-PKUHTIDK.js";
+const change = (emit) => (value) => {
+  emit("update:modelValue", value);
+  emit("change", value);
 };
-export var init = function init(_ref) {
-  var state = _ref.state,
-    service = _ref.service;
-  return function () {
-    var _service$fields = service.fields,
-      textField = _service$fields.textField,
-      valueField = _service$fields.valueField;
-    if (state.source) {
-      state.options = state.source.map(function (item) {
-        return {
-          label: item[textField],
-          value: item[valueField]
-        };
-      });
-    } else {
-      service.fetchCountry().then(function (data) {
-        state.source = data || [];
-        state.options = state.source.map(function (item) {
-          return {
-            value: item[valueField],
-            label: item[textField]
-          };
-        });
-      });
-    }
-  };
+const init = ({ state, service }) => () => {
+  const { textField, valueField } = service.fields;
+  if (state.source) {
+    state.options = state.source.map((item) => ({
+      label: item[textField],
+      value: item[valueField]
+    }));
+  } else {
+    service.fetchCountry().then((data) => {
+      state.source = data || [];
+      state.options = state.source.map((item) => ({
+        value: item[valueField],
+        label: item[textField]
+      }));
+    });
+  }
 };
-export var initService = function initService(_ref2) {
-  var props = _ref2.props,
-    service = _ref2.service;
-  var _ref3 = service || {},
-    fetchCountry = _ref3.fetchCountry,
-    _ref3$setting = _ref3.setting,
-    setting = _ref3$setting === void 0 ? {} : _ref3$setting;
-  var _setting$options = setting.options,
-    options = _setting$options === void 0 ? {} : _setting$options;
-  var defaultCountrySetting = {
-    textField: 'territory_short_name',
-    valueField: 'territory_code'
-  };
-  var fetchCountryNoop = function fetchCountryNoop() {
-    return Promise.resolve([]);
+const initService = ({ props, service }) => {
+  const { fetchCountry, setting = {} } = service || {};
+  const { options = {} } = setting;
+  const defaultCountrySetting = {
+    textField: "territory_short_name",
+    valueField: "territory_code"
   };
+  const fetchCountryNoop = () => Promise.resolve([]);
   return {
     fetchCountry: props.fetchCountry || fetchCountry || fetchCountryNoop,
     fields: props.fields || options.Country || defaultCountrySetting
   };
-};
+};
+export {
+  change,
+  init,
+  initService
+};

package/country/vue.js

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