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

package/anchor/vue.js

@@ -1,52 +1,31 @@
-import { mounted, updated, unmounted, getContainer, linkClick, onItersectionObserver } from './index';
-export var api = ['state', 'getContainer', 'linkClick', 'onItersectionObserver'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var onMounted = _ref.onMounted,
-    onUnmounted = _ref.onUnmounted,
-    onUpdated = _ref.onUpdated,
-    reactive = _ref.reactive;
-  var vm = _ref2.vm,
-    emit = _ref2.emit;
-  var api = {};
-  var state = reactive({
-    currentLink: '',
+import "../chunk-PKUHTIDK.js";
+import { mounted, updated, unmounted, getContainer, linkClick, onItersectionObserver } from "./index";
+const api = ["state", "getContainer", "linkClick", "onItersectionObserver"];
+const renderless = (props, { onMounted, onUnmounted, onUpdated, reactive }, { vm, emit }) => {
+  const api2 = {};
+  const state = reactive({
+    currentLink: "",
     observerLinks: {},
+    expandLink: {},
     intersectionObserver: null,
     scrollContainer: null,
-    currentHash: ''
+    currentHash: ""
   });
-  Object.assign(api, {
-    state: state,
-    mounted: mounted({
-      vm: vm,
-      state: state,
-      api: api
-    }),
-    updated: updated({
-      state: state,
-      api: api
-    }),
-    unmounted: unmounted({
-      state: state
-    }),
-    getContainer: getContainer({
-      props: props
-    }),
-    linkClick: linkClick({
-      state: state,
-      vm: vm,
-      emit: emit,
-      props: props
-    }),
-    onItersectionObserver: onItersectionObserver({
-      vm: vm,
-      state: state,
-      props: props,
-      emit: emit
-    })
+  Object.assign(api2, {
+    state,
+    mounted: mounted({ vm, state, api: api2 }),
+    updated: updated({ state, api: api2 }),
+    unmounted: unmounted({ state }),
+    getContainer: getContainer({ props }),
+    linkClick: linkClick({ state, vm, emit, props }),
+    onItersectionObserver: onItersectionObserver({ vm, state, props, emit })
   });
-  onMounted(api.mounted);
-  onUpdated(api.updated);
-  onUnmounted(api.unmounted);
-  return api;
-};
+  onMounted(api2.mounted);
+  onUpdated(api2.updated);
+  onUnmounted(api2.unmounted);
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/area/index.js

@@ -1,162 +1,102 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-export var fetchDefaultData = function fetchDefaultData(_ref) {
-  var emit = _ref.emit,
-    fetchArea = _ref.fetchArea,
-    nextTick = _ref.nextTick,
-    props = _ref.props,
-    refs = _ref.refs,
-    state = _ref.state;
-  return function () {
-    var parent = '';
-    nextTick(function () {
-      emit('change-jcr', parent, refs.refInstance.$parent);
-    });
-    var promise;
-    if (props.fetchJcr) {
-      promise = props.fetchJcr();
-    } else {
-      if (typeof fetchArea !== 'function') {
-        throw new Error('[AUI Error][Area] Prop fetchJcr is not configured');
-      }
-      promise = fetchArea({
-        label: 'JCR',
-        parent: parent
-      });
+import "../chunk-PKUHTIDK.js";
+const fetchDefaultData = ({ emit, fetchArea, nextTick, props, refs, state }) => () => {
+  let parent = "";
+  nextTick(() => {
+    emit("change-jcr", parent, refs.refInstance.$parent);
+  });
+  let promise;
+  if (props.fetchJcr) {
+    promise = props.fetchJcr();
+  } else {
+    if (typeof fetchArea !== "function") {
+      throw new TypeError("[TINY Error][Area] Prop fetchJcr is not configured");
     }
-    promise.then(function (data) {
-      return state.jcrData = data;
-    });
-    state.jcr = '';
-    state.region = '';
-    state.rep = '';
-    state.office = '';
-    emit('update:modelValue', [state.jcr, state.region, state.rep, state.office]);
-  };
+    promise = fetchArea({ label: "JCR", parent });
+  }
+  promise.then((data) => state.jcrData = data);
+  state.jcr = "";
+  state.region = "";
+  state.rep = "";
+  state.office = "";
+  emit("update:modelValue", [state.jcr, state.region, state.rep, state.office]);
 };
-export var getRegion = function getRegion(_ref2) {
-  var emit = _ref2.emit,
-    fetchArea = _ref2.fetchArea,
-    nextTick = _ref2.nextTick,
-    props = _ref2.props,
-    refs = _ref2.refs,
-    state = _ref2.state;
-  return function (value) {
-    state.jcr = value;
-    nextTick(function () {
-      emit('change-region', value, refs.refInstance.$parent);
-    });
-    var promise;
-    if (props.fetchRegion) {
-      promise = props.fetchRegion();
-    } else {
-      if (typeof fetchArea !== 'function') {
-        throw new Error('[AUI Error][Area] Prop fetchRegion is not configured');
-      }
-      promise = fetchArea({
-        label: 'Region',
-        parent: value
-      });
+const getRegion = ({ emit, fetchArea, nextTick, props, refs, state }) => (value) => {
+  state.jcr = value;
+  nextTick(() => {
+    emit("change-region", value, refs.refInstance.$parent);
+  });
+  let promise;
+  if (props.fetchRegion) {
+    promise = props.fetchRegion();
+  } else {
+    if (typeof fetchArea !== "function") {
+      throw new TypeError("[TINY Error][Area] Prop fetchRegion is not configured");
     }
-    promise.then(function (data) {
-      return state.regionData = data;
-    });
-    state.region = '';
-    state.office = '';
-    state.rep = '';
-    emit('update:modelValue', [state.jcr, state.region, state.rep, state.office]);
-  };
+    promise = fetchArea({ label: "Region", parent: value });
+  }
+  promise.then((data) => state.regionData = data);
+  state.region = "";
+  state.office = "";
+  state.rep = "";
+  emit("update:modelValue", [state.jcr, state.region, state.rep, state.office]);
 };
-export var getRep = function getRep(_ref3) {
-  var emit = _ref3.emit,
-    fetchArea = _ref3.fetchArea,
-    nextTick = _ref3.nextTick,
-    props = _ref3.props,
-    refs = _ref3.refs,
-    state = _ref3.state;
-  return function (value) {
-    state.region = value;
-    nextTick(function () {
-      emit('change-rep', value, refs.refInstance.$parent);
-    });
-    var promise;
-    if (props.fetchRep) {
-      promise = props.fetchRep();
-    } else {
-      if (typeof fetchArea !== 'function') {
-        throw new Error('[AUI Error][Area] Prop fetchRep is not configured');
-      }
-      promise = fetchArea({
-        label: 'Rep. Office',
-        parent: value
-      });
+const getRep = ({ emit, fetchArea, nextTick, props, refs, state }) => (value) => {
+  state.region = value;
+  nextTick(() => {
+    emit("change-rep", value, refs.refInstance.$parent);
+  });
+  let promise;
+  if (props.fetchRep) {
+    promise = props.fetchRep();
+  } else {
+    if (typeof fetchArea !== "function") {
+      throw new TypeError("[TINY Error][Area] Prop fetchRep is not configured");
     }
-    promise.then(function (data) {
-      return state.repData = data;
-    });
-    state.office = '';
-    state.rep = '';
-    emit('update:modelValue', [state.jcr, state.region, state.rep, state.office]);
-  };
+    promise = fetchArea({ label: "Rep. Office", parent: value });
+  }
+  promise.then((data) => state.repData = data);
+  state.office = "";
+  state.rep = "";
+  emit("update:modelValue", [state.jcr, state.region, state.rep, state.office]);
 };
-export var getOffice = function getOffice(_ref4) {
-  var emit = _ref4.emit,
-    fetchArea = _ref4.fetchArea,
-    nextTick = _ref4.nextTick,
-    props = _ref4.props,
-    refs = _ref4.refs,
-    state = _ref4.state;
-  return function (value) {
-    state.rep = value;
-    nextTick(function () {
-      emit('change-office', value, refs.refInstance.$parent);
-    });
-    var promise;
-    if (props.fetchOffice) {
-      promise = props.fetchOffice();
-    } else {
-      if (typeof fetchArea !== 'function') {
-        throw new Error('[AUI Error][Area] Prop fetchOffice is not configured');
-      }
-      promise = fetchArea({
-        label: 'Office',
-        parent: value
-      });
+const getOffice = ({ emit, fetchArea, nextTick, props, refs, state }) => (value) => {
+  state.rep = value;
+  nextTick(() => {
+    emit("change-office", value, refs.refInstance.$parent);
+  });
+  let promise;
+  if (props.fetchOffice) {
+    promise = props.fetchOffice();
+  } else {
+    if (typeof fetchArea !== "function") {
+      throw new TypeError("[TINY Error][Area] Prop fetchOffice is not configured");
     }
-    promise.then(function (data) {
-      return state.officeData = data;
-    });
-    state.office = '';
-    emit('update:modelValue', [state.jcr, state.region, state.rep, state.office]);
-  };
+    promise = fetchArea({ label: "Office", parent: value });
+  }
+  promise.then((data) => state.officeData = data);
+  state.office = "";
+  emit("update:modelValue", [state.jcr, state.region, state.rep, state.office]);
 };
-export var changeOffice = function changeOffice(_ref5) {
-  var emit = _ref5.emit,
-    state = _ref5.state;
-  return function (value) {
-    state.office = value;
-    emit('update:modelValue', [state.jcr, state.region, state.rep, state.office]);
-  };
+const changeOffice = ({ emit, state }) => (value) => {
+  state.office = value;
+  emit("update:modelValue", [state.jcr, state.region, state.rep, state.office]);
+};
+const beforeMount = ({ api, props }) => () => {
+  api.fetchDefaultData();
+  let { modelValue } = props;
+  if (Array.isArray(modelValue) && modelValue.length) {
+    let [jcr = "", region = "", rep = "", office = ""] = modelValue;
+    api.getRegion(jcr);
+    api.getRep(region);
+    api.getOffice(rep);
+    api.changeOffice(office);
+  }
+};
+export {
+  beforeMount,
+  changeOffice,
+  fetchDefaultData,
+  getOffice,
+  getRegion,
+  getRep
 };
-export var beforeMount = function beforeMount(_ref6) {
-  var api = _ref6.api,
-    props = _ref6.props;
-  return function () {
-    api.fetchDefaultData();
-    var modelValue = props.modelValue;
-    if (Array.isArray(modelValue) && modelValue.length) {
-      var _modelValue = _slicedToArray(modelValue, 4),
-        _modelValue$ = _modelValue[0],
-        jcr = _modelValue$ === void 0 ? '' : _modelValue$,
-        _modelValue$2 = _modelValue[1],
-        region = _modelValue$2 === void 0 ? '' : _modelValue$2,
-        _modelValue$3 = _modelValue[2],
-        rep = _modelValue$3 === void 0 ? '' : _modelValue$3,
-        _modelValue$4 = _modelValue[3],
-        office = _modelValue$4 === void 0 ? '' : _modelValue$4;
-      api.getRegion(jcr);
-      api.getRep(region);
-      api.getOffice(rep);
-      api.changeOffice(office);
-    }
-  };
-};

package/area/vue.js

@@ -1,68 +1,32 @@
-import { getRegion, changeOffice, getRep, getOffice, fetchDefaultData, beforeMount } from './index';
-export var api = ['state', 'getRep', 'getRegion', 'getOffice', 'changeOffice'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var onBeforeMount = _ref.onBeforeMount,
-    reactive = _ref.reactive;
-  var emit = _ref2.emit,
-    service = _ref2.service,
-    refs = _ref2.refs,
-    nextTick = _ref2.nextTick;
-  var api = {};
-  var _ref3 = service || {},
-    fetchArea = _ref3.fetchArea;
-  var state = reactive({
-    jcr: '',
-    region: '',
-    rep: '',
-    office: '',
+import "../chunk-PKUHTIDK.js";
+import { getRegion, changeOffice, getRep, getOffice, fetchDefaultData, beforeMount } from "./index";
+const api = ["state", "getRep", "getRegion", "getOffice", "changeOffice"];
+const renderless = (props, { onBeforeMount, reactive }, { emit, service, refs, nextTick }) => {
+  const api2 = {};
+  const { fetchArea } = service || {};
+  const state = reactive({
+    jcr: "",
+    region: "",
+    rep: "",
+    office: "",
     jcrData: [],
     regionData: [],
     repData: [],
     officeData: []
   });
-  Object.assign(api, {
-    state: state,
-    changeOffice: changeOffice({
-      emit: emit,
-      state: state
-    }),
-    beforeMount: beforeMount({
-      api: api,
-      props: props
-    }),
-    getRep: getRep({
-      emit: emit,
-      fetchArea: fetchArea,
-      nextTick: nextTick,
-      props: props,
-      refs: refs,
-      state: state
-    }),
-    getRegion: getRegion({
-      emit: emit,
-      fetchArea: fetchArea,
-      nextTick: nextTick,
-      props: props,
-      refs: refs,
-      state: state
-    }),
-    getOffice: getOffice({
-      emit: emit,
-      fetchArea: fetchArea,
-      nextTick: nextTick,
-      props: props,
-      refs: refs,
-      state: state
-    }),
-    fetchDefaultData: fetchDefaultData({
-      emit: emit,
-      fetchArea: fetchArea,
-      nextTick: nextTick,
-      props: props,
-      refs: refs,
-      state: state
-    })
+  Object.assign(api2, {
+    state,
+    changeOffice: changeOffice({ emit, state }),
+    beforeMount: beforeMount({ api: api2, props }),
+    getRep: getRep({ emit, fetchArea, nextTick, props, refs, state }),
+    getRegion: getRegion({ emit, fetchArea, nextTick, props, refs, state }),
+    getOffice: getOffice({ emit, fetchArea, nextTick, props, refs, state }),
+    fetchDefaultData: fetchDefaultData({ emit, fetchArea, nextTick, props, refs, state })
   });
-  onBeforeMount(api.beforeMount);
-  return api;
-};
+  onBeforeMount(api2.beforeMount);
+  return api2;
+};
+export {
+  api,
+  renderless
+};