y-design-ssr 0.0.16 → 0.0.17

package/libs/button/index.js

@@ -0,0 +1,9 @@
+"use strict";
+exports.__esModule = true;
+var button_1 = require("./src/button");
+require("./src/style.scss");
+button_1["default"].install = function (app) {
+    var name = button_1["default"].name;
+    app.component(name, button_1["default"]);
+};
+exports["default"] = button_1["default"];

package/libs/cell/index.js

@@ -0,0 +1,9 @@
+"use strict";
+exports.__esModule = true;
+var cell_1 = require("./src/cell");
+require("./src/style.scss");
+cell_1["default"].install = function (app) {
+    var name = cell_1["default"].name;
+    app.component(name, cell_1["default"]);
+};
+exports["default"] = cell_1["default"];

package/libs/checkbox/index.js

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+exports.CheckboxGroup = exports.Checkbox = void 0;
+var checkbox_1 = require("./src/checkbox");
+exports.Checkbox = checkbox_1["default"];
+var checkboxGroup_1 = require("./src/checkboxGroup");
+exports.CheckboxGroup = checkboxGroup_1["default"];
+require("./src/style.scss");
+checkbox_1["default"].install = function (Vue) {
+    var name = checkbox_1["default"].name;
+    Vue.component(name, checkbox_1["default"]);
+};
+checkboxGroup_1["default"].install = function (Vue) {
+    var name = checkboxGroup_1["default"].name;
+    Vue.component(name, checkboxGroup_1["default"]);
+};

package/libs/countdown/index.js

@@ -0,0 +1,9 @@
+"use strict";
+exports.__esModule = true;
+var count_down_1 = require("./src/count-down");
+require("./src/style.scss");
+count_down_1["default"].install = function (app) {
+    var name = count_down_1["default"].name;
+    app.component(name, count_down_1["default"]);
+};
+exports["default"] = count_down_1["default"];

package/libs/dialog/index.js

@@ -0,0 +1,14 @@
+"use strict";
+exports.__esModule = true;
+exports.createDialog = void 0;
+var dialog_1 = require("./src/dialog");
+var create_1 = require("./src/create");
+exports.createDialog = create_1["default"];
+require("./src/style.scss");
+dialog_1["default"].install = function (app) {
+    var name = dialog_1["default"].name;
+    app.component(name, dialog_1["default"]);
+    // provide
+    app.provide('dialog', create_1["default"]);
+};
+exports["default"] = dialog_1["default"];

package/libs/dialog/src/create.js

@@ -0,0 +1,63 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+exports.__esModule = true;
+/*
+ * @Description:
+ * @Author: ruan fei
+ * @Date: 2021-06-23 19:09:50
+ * @LastEditors: ruan fei
+ * @LastEditTime: 2022-07-22 17:52:05
+ * @FilePath: /yui-vue/packages/dialog/src/create.ts
+ */
+var vue_1 = require("vue");
+var dialog_1 = require("./dialog");
+// app及element
+var dialogApp = vue_1.createApp({});
+// id编号
+var num = 0;
+var treasures = [];
+var createDialog = function (customProps, customSlots) {
+    var id = "dialog" + (num += 1);
+    var wrapper = {
+        setup: function () {
+            var show = vue_1.ref(true);
+            var toggle = function (val) {
+                show.value = val;
+            };
+            return function () {
+                return vue_1.h(dialog_1["default"], __assign(__assign({ modelValue: show.value, 'onUpdate:modelValue': toggle }, customProps), { onAfterLeave: function () {
+                        close(id);
+                    } }), __assign({}, customSlots));
+            };
+        }
+    };
+    dialogApp = vue_1.createApp(wrapper);
+    var element = document.createElement('div');
+    treasures.push({ id: id, app: dialogApp, el: element });
+    // 挂载
+    dialogApp.mount(element);
+};
+/**
+ * @description: dialog销毁
+ * @param {string} id dialog ID，用于查找
+ * @param {function} userOnClose 提供给用户关闭监听方法
+ */
+var close = function (id) {
+    treasures.forEach(function (obj) {
+        // ID匹配，卸载app及element
+        if (id === obj.id) {
+            obj.app.unmount();
+        }
+    });
+};
+exports["default"] = createDialog;

package/libs/empty/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+exports.__esModule = true;
+var empty_1 = require("./src/empty");
+require("./src/style.scss");
+empty_1["default"].install = function (Vue) {
+    var name = empty_1["default"].name;
+    Vue.component(name, empty_1["default"]);
+};
+exports["default"] = empty_1["default"];
+__exportStar(require("./src/utils"), exports);

package/libs/empty/src/utils.js

@@ -0,0 +1,22 @@
+"use strict";
+exports.__esModule = true;
+exports.empty = void 0;
+/*
+ * @Author: liuwentao
+ * @Date: 2021-05-12 17:25:45
+ * @LastEditors: liuwentao
+ * @LastEditTime: 2021-05-27 17:07:06
+ * @Description: empty
+ * @FilePath: /yui-vue/packages/empty/src/utils.ts
+ */
+var vue_1 = require("vue");
+var typeInfo = vue_1.reactive({});
+exports.empty = {
+    add: function (type, info) {
+        var _a;
+        Object.assign(typeInfo, (_a = {}, _a[type] = info, _a));
+    },
+    use: function (type) {
+        return typeInfo[type];
+    }
+};

package/libs/form/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+exports.__esModule = true;
+exports.FormItem = exports.Form = void 0;
+var form_1 = require("./src/form");
+exports.Form = form_1["default"];
+var formItem_1 = require("./src/formItem");
+exports.FormItem = formItem_1["default"];
+require("./src/style.scss");
+form_1["default"].install = function (Vue) {
+    Vue.component(formItem_1["default"].name, form_1["default"]);
+};
+formItem_1["default"].install = function (Vue) {
+    Vue.component(formItem_1["default"].name, formItem_1["default"]);
+};
+__exportStar(require("./src/constants"), exports);

package/libs/form/src/constants.js

@@ -0,0 +1,64 @@
+"use strict";
+/*
+ * @Author: liuwentao
+ * @Date: 2021-05-24 20:28:47
+ * @LastEditors: liuwentao
+ * @LastEditTime: 2021-06-03 14:18:05
+ * @Description: Do not edit
+ * @FilePath: /yui-vue/packages/form/src/constants.ts
+ */
+/*
+ * @Author: liuwentao
+ * @Date: 2021-05-21 16:33:40
+ * @LastEditors: liuwentao
+ * @LastEditTime: 2021-05-26 10:26:30
+ * @Description: form utils
+ * @FilePath: /yui-vue/packages/form/src/utils.ts
+ */
+exports.__esModule = true;
+exports.commonProps = exports.TriggerTypes = exports.FORM_PROVIDE = void 0;
+exports.FORM_PROVIDE = Symbol('Y_FORM');
+var TriggerTypes;
+(function (TriggerTypes) {
+    TriggerTypes["ONCHANGE"] = "onChange";
+    TriggerTypes["ONBLUR"] = "onBlur";
+})(TriggerTypes = exports.TriggerTypes || (exports.TriggerTypes = {}));
+exports.commonProps = {
+    size: {
+        type: String,
+        "default": null
+    },
+    border: {
+        type: Boolean,
+        "default": true
+    },
+    labelWidth: {
+        type: [Number, String],
+        "default": null
+    },
+    colon: {
+        // 是否有 "："
+        type: Boolean,
+        "default": false
+    },
+    labelAlign: {
+        type: String,
+        "default": null
+    },
+    showError: {
+        type: Boolean,
+        "default": true
+    },
+    showErrorMessage: {
+        type: Boolean,
+        "default": true
+    },
+    errorMessageAlign: {
+        type: String,
+        "default": null
+    },
+    rules: {
+        type: [Object, Array],
+        "default": null
+    }
+};

package/libs/icon/index.js

@@ -0,0 +1,17 @@
+"use strict";
+/*
+ * @Author: liuwentao
+ * @Date: 2021-04-27 19:06:28
+ * @LastEditors: liuwentao
+ * @LastEditTime: 2021-05-12 15:12:53
+ * @Description: icon use
+ * @FilePath: /yui-vue/packages/icon/index.ts
+ */
+exports.__esModule = true;
+var icon_1 = require("./src/icon");
+require("./src/style.scss");
+icon_1["default"].install = function (app) {
+    var name = icon_1["default"].name;
+    app.component(name, icon_1["default"]);
+};
+exports["default"] = icon_1["default"];

package/libs/index.js

@@ -0,0 +1,125 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+exports.__esModule = true;
+exports.SwipeItem = exports.Swipe = exports.List = exports.Tab = exports.Tabs = exports.Slider = exports.Tooltip = exports.CountDown = exports.Dialog = exports.Stepper = exports.Mask = exports.Popup = exports.Progress = exports.Col = exports.Row = exports.Empty = exports.Loading = exports.Input = exports.Button = exports.FormItem = exports.Form = exports.Cell = exports.CheckboxGroup = exports.Checkbox = exports.Pullrefresh = exports.Switch = exports.Icon = exports.tooltipDirective = exports.loadingDirective = exports.createLoading = exports.empty = exports.locale = void 0;
+require("./style");
+var locale_1 = require("./locale");
+exports.locale = locale_1["default"];
+var tabs_1 = require("./tabs");
+exports.Tabs = tabs_1.Tabs;
+exports.Tab = tabs_1.Tab;
+var slider_1 = require("./slider");
+exports.Slider = slider_1["default"];
+var list_1 = require("./list");
+exports.List = list_1["default"];
+var swipe_1 = require("./swipe");
+exports.Swipe = swipe_1.Swipe;
+exports.SwipeItem = swipe_1.SwipeItem;
+var checkbox_1 = require("./checkbox");
+exports.Checkbox = checkbox_1.Checkbox;
+exports.CheckboxGroup = checkbox_1.CheckboxGroup;
+var switch_1 = require("./switch");
+exports.Switch = switch_1["default"];
+var pullrefresh_1 = require("./pullrefresh");
+exports.Pullrefresh = pullrefresh_1["default"];
+var cell_1 = require("./cell");
+exports.Cell = cell_1["default"];
+var button_1 = require("./button");
+exports.Button = button_1["default"];
+var loading_1 = require("./loading");
+exports.Loading = loading_1["default"];
+exports.createLoading = loading_1.createLoading;
+exports.loadingDirective = loading_1.loadingDirective;
+var layout_1 = require("./layout");
+exports.Row = layout_1.Row;
+exports.Col = layout_1.Col;
+var icon_1 = require("./icon");
+exports.Icon = icon_1["default"];
+var empty_1 = require("./empty");
+exports.Empty = empty_1["default"];
+exports.empty = empty_1.empty;
+var progress_1 = require("./progress");
+exports.Progress = progress_1["default"];
+var toast_1 = require("./toast");
+var popup_1 = require("./popup");
+exports.Popup = popup_1["default"];
+var mask_1 = require("./mask");
+exports.Mask = mask_1["default"];
+var stepper_1 = require("./stepper");
+exports.Stepper = stepper_1["default"];
+var form_1 = require("./form");
+exports.Form = form_1.Form;
+exports.FormItem = form_1.FormItem;
+var input_1 = require("./input");
+exports.Input = input_1["default"];
+var countdown_1 = require("./countdown");
+exports.CountDown = countdown_1["default"];
+var dialog_1 = require("./dialog");
+exports.Dialog = dialog_1["default"];
+var tooltip_1 = require("./tooltip");
+exports.Tooltip = tooltip_1["default"];
+exports.tooltipDirective = tooltip_1.tooltipDirective;
+// 存储组件列表
+var components = [
+    // 组件
+    icon_1["default"],
+    locale_1["default"],
+    list_1["default"],
+    tabs_1.Tabs,
+    tabs_1.Tab,
+    slider_1["default"],
+    swipe_1.Swipe,
+    swipe_1.SwipeItem,
+    checkbox_1.Checkbox,
+    checkbox_1.CheckboxGroup,
+    switch_1["default"],
+    pullrefresh_1["default"],
+    cell_1["default"],
+    form_1.Form,
+    form_1.FormItem,
+    button_1["default"],
+    input_1["default"],
+    loading_1["default"],
+    empty_1["default"],
+    layout_1.Row,
+    layout_1.Col,
+    progress_1["default"],
+    popup_1["default"],
+    mask_1["default"],
+    stepper_1["default"],
+    countdown_1["default"],
+    dialog_1["default"],
+    tooltip_1["default"],
+];
+// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
+var install = function (app) {
+    // 判断是否安装
+    if (install.installed)
+        return;
+    // 遍历注册全局组件
+    components.forEach(function (component) {
+        component.name && app.component(component.name, component);
+    });
+    // provide loading
+    app.provide('loading', loading_1.createLoading);
+    app.provide('toast', toast_1.toastCreate);
+    app.provide('dialog', dialog_1.createDialog);
+    // 注册插件及v-loading
+    app.use(loading_1.loadingDirective);
+    app.use(tooltip_1.tooltipDirective);
+};
+// 判断是否是直接引入文件
+if (typeof window !== 'undefined' && window.Vue) {
+    install(window.Vue);
+}
+exports["default"] = __assign({ install: install }, components);

package/libs/input/index.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+var input_1 = require("./src/input");
+require("./src/style.scss");
+input_1["default"].install = function (Vue) {
+    Vue.component(input_1["default"].name, input_1["default"]);
+};
+exports["default"] = input_1["default"];

package/libs/layout/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+exports.__esModule = true;
+exports.Col = exports.Row = void 0;
+var row_1 = require("./src/row");
+exports.Row = row_1["default"];
+var col_1 = require("./src/col");
+exports.Col = col_1["default"];
+require("./src/style.scss");
+row_1["default"].install = function (app) {
+    var name = row_1["default"].name;
+    app.component(name, row_1["default"]);
+};
+col_1["default"].install = function (app) {
+    var name = col_1["default"].name;
+    app.component(name, col_1["default"]);
+};
+__exportStar(require("./src/constants"), exports);

package/libs/layout/src/constants.js

@@ -0,0 +1,25 @@
+"use strict";
+exports.__esModule = true;
+exports.RowJustify = exports.RowType = exports.ROW_PROVIDE = void 0;
+/*
+ * @Author: liuwentao
+ * @Date: 2021-05-12 16:55:52
+ * @LastEditors: liuwentao
+ * @LastEditTime: 2021-06-03 13:37:41
+ * @Description: layout constants
+ * @FilePath: /yui-vue/packages/layout/src/constants.ts
+ */
+exports.ROW_PROVIDE = Symbol('Y-Row');
+var RowType;
+(function (RowType) {
+    RowType["Flex"] = "flex";
+    RowType["Default"] = "";
+})(RowType = exports.RowType || (exports.RowType = {}));
+var RowJustify;
+(function (RowJustify) {
+    RowJustify["Start"] = "start";
+    RowJustify["Center"] = "center";
+    RowJustify["End"] = "end";
+    RowJustify["SpaceBetween"] = "space-between";
+    RowJustify["SpaceAround"] = "space-around";
+})(RowJustify = exports.RowJustify || (exports.RowJustify = {}));

package/libs/list/index.js

@@ -0,0 +1,9 @@
+"use strict";
+exports.__esModule = true;
+var list_1 = require("./src/list");
+require("./src/style.scss");
+list_1["default"].install = function (Vue) {
+    var name = list_1["default"].name;
+    Vue.component(name, list_1["default"]);
+};
+exports["default"] = list_1["default"];

package/libs/loading/index.js

@@ -0,0 +1,21 @@
+"use strict";
+exports.__esModule = true;
+exports.directiveSlots = exports.directiveProps = exports.directive = exports.loadingDirective = exports.createLoading = void 0;
+var loading_1 = require("./src/loading");
+var directive_1 = require("./src/directive");
+exports.loadingDirective = directive_1["default"];
+exports.directive = directive_1.directive;
+exports.directiveProps = directive_1.directiveProps;
+exports.directiveSlots = directive_1.directiveSlots;
+var create_1 = require("./src/create");
+exports.createLoading = create_1["default"];
+require("./src/style.scss");
+loading_1["default"].install = function (app) {
+    // 注册组件
+    app.component(loading_1["default"].name, loading_1["default"]);
+    // provide
+    app.provide('loading', create_1["default"]);
+    // 注册插件及v-loading
+    app.use(directive_1["default"]);
+};
+exports["default"] = loading_1["default"];

package/libs/loading/src/create.js

@@ -0,0 +1,67 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+exports.__esModule = true;
+exports.initInstance = void 0;
+/*
+ * @Description: Loading Create
+ * @Author: ruan fei
+ * @Date: 2021-05-11 13:51:47
+ * @LastEditors: ruan fei
+ * @LastEditTime: 2022-06-14 15:56:22
+ * @FilePath: /yui-vue/packages/loading/src/create.ts
+ */
+var vue_1 = require("vue");
+var loading_1 = require("./loading");
+// 全局加载
+var globalOptions = {
+    position: 'fixed'
+};
+var instance = null;
+/**
+ * @description: 创建实例并塞入自定义props和slots
+ */
+var initInstance = function (customProps, customSlots) {
+    var wrapper = {
+        render: function () {
+            return vue_1.h(loading_1["default"], __assign({}, customProps), __assign({}, customSlots));
+        }
+    };
+    var customApp = vue_1.createApp(wrapper);
+    var element = document.createElement('div');
+    return customApp.mount(element);
+};
+exports.initInstance = initInstance;
+/**
+ * @description: createLoading对象
+ */
+var createLoading = {
+    /**
+     * @description: show
+     * @param {LoadingPropsType} options
+     * @return {*}
+     */
+    show: function (customProps, customSlots) {
+        if (!instance)
+            instance = exports.initInstance(__assign(__assign({}, globalOptions), customProps), customSlots);
+        document.body.appendChild(instance.$el);
+    },
+    /**
+     * @description: hide
+     * @param {*}
+     * @return {*}
+     */
+    hide: function () {
+        instance && instance.$el.remove();
+    }
+};
+exports["default"] = createLoading;

package/libs/loading/src/directive.js

@@ -0,0 +1,80 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+exports.__esModule = true;
+exports.directiveSlots = exports.directiveProps = exports.directive = void 0;
+var create_1 = require("./create");
+/**
+ * @description: 挂载、卸载
+ * @param {any} el
+ * @param {DirectiveBinding} binding
+ * @return {*}
+ */
+var toggleLoading = function (el, binding) {
+    if (binding.value) {
+        el.classList.add('y-loading__wrap');
+        el.appendChild(el.instance.$el);
+    }
+    else {
+        el.classList.remove('y-loading__wrap');
+        el.removeChild(el.instance.$el);
+    }
+};
+/**
+ * @description: LoadingDirective对象
+ */
+var loadingDirective = {
+    install: function (app) {
+        app.directive('loading', directive);
+        app.directive('loading-props', directiveProps);
+        app.directive('loading-slots', directiveSlots);
+    }
+};
+var directive = {
+    getSSRProps: function (binding) {
+        return __assign({}, binding);
+    },
+    mounted: function (el, binding) {
+        // 若指令传值为Object，加载options初始化，反之则为初始化默认
+        el.instance = create_1.initInstance(__assign({}, el.customProps), __assign({}, el.customSlots));
+        binding.value && toggleLoading(el, binding);
+    },
+    updated: function (el, binding) {
+        // 指令传值更新
+        if (binding.oldValue !== binding.value) {
+            toggleLoading(el, binding);
+        }
+    },
+    unmounted: function (el) {
+        el.instance && el.instance.$el.remove();
+    }
+};
+exports.directive = directive;
+var directiveProps = {
+    getSSRProps: function (binding) {
+        return __assign({}, binding);
+    },
+    beforeMount: function (el, binding) {
+        el.customProps = __assign({}, binding.value);
+    }
+};
+exports.directiveProps = directiveProps;
+var directiveSlots = {
+    getSSRProps: function (binding) {
+        return __assign({}, binding);
+    },
+    beforeMount: function (el, binding) {
+        el.customSlots = __assign({}, binding.value);
+    }
+};
+exports.directiveSlots = directiveSlots;
+exports["default"] = loadingDirective;