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

package/README.md

@@ -1,26 +1,7 @@
-<p align="center">
-  <a href="https://tinyuidesign.cloudbu.huawei.com/" target="_blank" rel="noopener noreferrer">
-    <img alt="TinyVue Logo" src="./logo.svg" height="100" style="max-width:100%;">
-  </a>
-</p>
-
-<p align="center">Tiny-Vue-Renderless 是 TinyVue 组件库的逻辑层 </p>
-  
-## 如何使用
-
-使用组件库时，只需安装 `@opentiny/vue` , `@opentiny/vue-renderless` 会同步完成安装 
-
-## 本地开发
-```shell
-git clone git@github.com:opentiny/tiny-vue-renderless.git
-cd tiny-vue-renderless
-npm i
-```
-- 克隆的 tiny-vue-renderless 工程放在与 tiny-vue 工程同个目录文件夹
-- 安装 tiny-vue-renderless 的依赖
-- 然后启动 tiny-vue 工程
-- 本地启动 tiny-vue 工程后，即可调试 tiny-vue-renderless 工程
-
-## 开源协议
-
-[MIT](LICENSE)
+# @opentiny/vue-renderless
+
+This is for TINY's own internal use only, currently as a dependency for @opentiny/vue.
+
+It can also be used as a renderless functions for implementing a custom UI component.
+
+For all instructions, please check out the home page: [https://open.codehub.huawei.com/innersource/originjs/tiny/opentiny-vue/home](https://open.codehub.huawei.com/innersource/originjs/tiny/opentiny-vue/home)

package/action-menu/index.js

@@ -1,15 +1,15 @@
-export var handleMoreClick = function handleMoreClick(emit) {
-  return function () {
-    emit('more-click');
-  };
-};
-export var handleItemClick = function handleItemClick(emit) {
-  return function (data) {
-    emit('item-click', data);
-  };
-};
-export var visibleChange = function visibleChange(emit) {
-  return function (status) {
-    emit('visible-change', status);
-  };
-};
+import "../chunk-PKUHTIDK.js";
+const handleMoreClick = (emit) => () => {
+  emit("more-click");
+};
+const handleItemClick = (emit) => (data) => {
+  emit("item-click", data);
+};
+const visibleChange = (emit) => (status) => {
+  emit("visible-change", status);
+};
+export {
+  handleItemClick,
+  handleMoreClick,
+  visibleChange
+};

package/action-menu/vue.js

@@ -1,28 +1,23 @@
-import { handleMoreClick, handleItemClick, visibleChange } from './index';
-export var api = ['state', 'handleMoreClick', 'handleItemClick', 'visibleChange'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive;
-  var emit = _ref2.emit,
-    nextTick = _ref2.nextTick;
-  var api = {
+import "../chunk-PKUHTIDK.js";
+import { handleMoreClick, handleItemClick, visibleChange } from "./index";
+const api = ["state", "handleMoreClick", "handleItemClick", "visibleChange"];
+const renderless = (props, { computed, reactive }, { emit, nextTick }) => {
+  const api2 = {
     handleMoreClick: handleMoreClick(emit),
     handleItemClick: handleItemClick(emit),
     visibleChange: visibleChange(emit)
   };
-  var state = reactive({
-    visibleOptions: computed(function () {
-      return props.options.slice(0, props.maxShowNum);
-    }),
-    moreOptions: computed(function () {
-      return props.options.slice(props.maxShowNum);
-    }),
-    spacing: computed(function () {
-      return String(props.spacing).includes('px') ? props.spacing : props.spacing + 'px';
-    })
+  const state = reactive({
+    visibleOptions: computed(() => props.options.slice(0, props.maxShowNum)),
+    moreOptions: computed(() => props.options.slice(props.maxShowNum)),
+    spacing: computed(() => String(props.spacing).includes("px") ? props.spacing : props.spacing + "px")
   });
-  Object.assign(api, {
-    state: state
+  Object.assign(api2, {
+    state
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/action-sheet/index.js

@@ -1,74 +1,59 @@
-export var setSheetStyle = function setSheetStyle(_ref) {
-  var state = _ref.state,
-    props = _ref.props;
-  return function () {
-    if (props.contentPosition) {
-      state.sheetMaskStyle = {
-        'position': 'absolute'
-      };
-      state.sheetContentStyle = {
-        'position': 'absolute',
-        'max-height': props.height
-      };
+import "../chunk-PKUHTIDK.js";
+const setSheetStyle = ({ state, props }) => () => {
+  if (props.contentPosition) {
+    state.sheetMaskStyle = {
+      "position": "absolute"
+    };
+    state.sheetContentStyle = {
+      "position": "absolute",
+      "max-height": props.height
+    };
+  } else {
+    state.sheetMaskStyle = {
+      "position": "fixed"
+    };
+    state.sheetContentStyle = {
+      "position": "fixed",
+      "max-height": props.height
+    };
+  }
+};
+const initScrollMenu = ({ state, nextTick, refs, BScroll }) => () => {
+  nextTick(() => {
+    const { scrollMenu } = refs;
+    if (!state.scroll) {
+      state.scroll = new BScroll(scrollMenu, {
+        probeType: 3,
+        click: true
+      });
     } else {
-      state.sheetMaskStyle = {
-        'position': 'fixed'
-      };
-      state.sheetContentStyle = {
-        'position': 'fixed',
-        'max-height': props.height
-      };
+      state.scroll.refresh();
     }
-  };
+  });
+};
+const visibleHandle = ({ emit, state }) => () => {
+  state.scroll = null;
+  emit("update:visible", false);
+  emit("close", false);
 };
-export var initScrollMenu = function initScrollMenu(_ref2) {
-  var state = _ref2.state,
-    nextTick = _ref2.nextTick,
-    refs = _ref2.refs,
-    BScroll = _ref2.BScroll;
-  return function () {
-    nextTick(function () {
-      var scrollMenu = refs.scrollMenu;
-      if (!state.scroll) {
-        state.scroll = new BScroll(scrollMenu, {
-          probeType: 3,
-          click: true
-        });
-      } else {
-        state.scroll.refresh();
-      }
-    });
-  };
+const watchVisible = ({ emit, props, state }) => (value) => {
+  state.active = props.modelValue;
+  setTimeout(() => {
+    value ? state.toggle = true : state.toggle = false;
+  }, 0);
+  emit("update:visible", value);
 };
-export var visibleHandle = function visibleHandle(_ref3) {
-  var emit = _ref3.emit,
-    state = _ref3.state;
-  return function () {
-    state.scroll = null;
-    emit('update:visible', false);
-    emit('close', false);
-  };
+const menuHandle = ({ emit, state }) => (item) => {
+  state.active = item.id;
+  state.scroll = null;
+  emit("update:visible", false);
+  emit("update:modelValue", item.id);
+  emit("click", item);
 };
-export var watchVisible = function watchVisible(_ref4) {
-  var emit = _ref4.emit,
-    props = _ref4.props,
-    state = _ref4.state;
-  return function (value) {
-    state.active = props.modelValue;
-    setTimeout(function () {
-      value ? state.toggle = true : state.toggle = false;
-    }, 0);
-    emit('update:visible', value);
-  };
+export {
+  initScrollMenu,
+  menuHandle,
+  setSheetStyle,
+  visibleHandle,
+  watchVisible
 };
-export var menuHandle = function menuHandle(_ref5) {
-  var emit = _ref5.emit,
-    state = _ref5.state;
-  return function (item) {
-    state.active = item.id;
-    state.scroll = null;
-    emit('update:visible', false);
-    emit('update:modelValue', item.id);
-    emit('click', item);
-  };
-};

package/action-sheet/vue.js

@@ -1,62 +1,36 @@
-import { setSheetStyle, initScrollMenu, visibleHandle, watchVisible, menuHandle } from './index';
-export var api = ['state', 'setSheetStyle', 'initScrollMenu', 'visibleHandle', 'menuHandle'];
-export var renderless = function renderless(props, _ref, _ref2, _ref3) {
-  var reactive = _ref.reactive,
-    watch = _ref.watch;
-  var emit = _ref2.emit,
-    nextTick = _ref2.nextTick,
-    refs = _ref2.refs;
-  var BScroll = _ref3.BScroll;
-  var api = {};
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { setSheetStyle, initScrollMenu, visibleHandle, watchVisible, menuHandle } from "./index";
+const api = ["state", "setSheetStyle", "initScrollMenu", "visibleHandle", "menuHandle"];
+const renderless = (props, { reactive, watch }, { emit, nextTick, refs }, { BScroll }) => {
+  const api2 = {};
+  const state = reactive({
     toggle: false,
     active: null,
     sheetMaskStyle: {},
     sheetContentStyle: {},
     scroll: null
   });
-  watch(function () {
-    return props.visible;
-  }, function (value) {
-    if (value) {
-      api.setSheetStyle({
-        state: state,
-        props: props
-      });
-      api.initScrollMenu({
-        state: state,
-        nextTick: nextTick,
-        refs: refs,
-        BScroll: BScroll
-      });
+  watch(
+    () => props.visible,
+    (value) => {
+      if (value) {
+        api2.setSheetStyle({ state, props });
+        api2.initScrollMenu({ state, nextTick, refs, BScroll });
+      }
+      api2.watchVisible(value);
     }
-    api.watchVisible(value);
+  );
+  Object.assign(api2, {
+    state,
+    setSheetStyle: setSheetStyle({ state, props }),
+    initScrollMenu: initScrollMenu({ state, nextTick, refs, BScroll }),
+    visibleHandle: visibleHandle({ emit, state }),
+    watchVisible: watchVisible({ emit, props, state }),
+    menuHandle: menuHandle({ state, emit })
   });
-  Object.assign(api, {
-    state: state,
-    setSheetStyle: setSheetStyle({
-      state: state,
-      props: props
-    }),
-    initScrollMenu: initScrollMenu({
-      state: state,
-      nextTick: nextTick,
-      refs: refs,
-      BScroll: BScroll
-    }),
-    visibleHandle: visibleHandle({
-      emit: emit,
-      state: state
-    }),
-    watchVisible: watchVisible({
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    menuHandle: menuHandle({
-      state: state,
-      emit: emit
-    })
-  });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/alert/index.js

@@ -1,23 +1,12 @@
-export var close = function close(_ref) {
-  var emit = _ref.emit,
-    state = _ref.state;
-  return function () {
-    state.show = false;
-    emit('close');
-  };
+import "../chunk-PKUHTIDK.js";
+const close = ({ emit, state }) => () => {
+  state.show = false;
+  emit("close");
 };
-export var computedGetIcon = function computedGetIcon(_ref2) {
-  var constants = _ref2.constants,
-    props = _ref2.props;
-  return function () {
-    return props.icon || constants.ICON_MAP[props.type];
-  };
+const computedGetIcon = ({ constants, props }) => () => props.icon || constants.ICON_MAP[props.type];
+const computedGetTitle = ({ constants, t, props }) => () => props.title || t(constants.TITLE_MAP[props.type]);
+export {
+  close,
+  computedGetIcon,
+  computedGetTitle
 };
-export var computedGetTitle = function computedGetTitle(_ref3) {
-  var constants = _ref3.constants,
-    t = _ref3.t,
-    props = _ref3.props;
-  return function () {
-    return props.title || t(constants.TITLE_MAP[props.type]);
-  };
-};

package/alert/vue.js

@@ -1,37 +1,23 @@
-import { close, computedGetIcon, computedGetTitle } from './index';
-export var api = ['close', 'state'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive;
-  var t = _ref2.t,
-    emit = _ref2.emit,
-    constants = _ref2.constants;
-  var api = {
-    computedGetIcon: computedGetIcon({
-      constants: constants,
-      props: props
-    }),
-    computedGetTitle: computedGetTitle({
-      constants: constants,
-      props: props,
-      t: t
-    })
+import "../chunk-PKUHTIDK.js";
+import { close, computedGetIcon, computedGetTitle } from "./index";
+const api = ["close", "state"];
+const renderless = (props, { computed, reactive }, { t, emit, constants }) => {
+  const api2 = {
+    computedGetIcon: computedGetIcon({ constants, props }),
+    computedGetTitle: computedGetTitle({ constants, props, t })
   };
-  var state = reactive({
+  const state = reactive({
     show: true,
-    getIcon: computed(function () {
-      return api.computedGetIcon();
-    }),
-    getTitle: computed(function () {
-      return api.computedGetTitle();
-    })
+    getIcon: computed(() => api2.computedGetIcon()),
+    getTitle: computed(() => api2.computedGetTitle())
   });
-  Object.assign(api, {
-    state: state,
-    close: close({
-      state: state,
-      emit: emit
-    })
+  Object.assign(api2, {
+    state,
+    close: close({ state, emit })
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};