qtsk-vue3 0.0.5

package/package/index.js

@@ -0,0 +1,18 @@
+import Components from './component'
+const makeInstaller = (components = [], directives = []) => {
+    const apps = []
+    const install = (app, opts) => {
+        const option = opts
+        if (apps.includes(app)) return
+        apps.push(app)
+        components.forEach((c) => {
+            app.component(c.name, c)
+        })
+        app.config.globalProperties.$ELEMENT = option
+    }
+    return install
+}
+
+const install = makeInstaller(Components)
+
+export { install, install as default }

package/package/package.json

@@ -0,0 +1,9 @@
+{
+    "name": "qtzy-vue3",
+    "version": "0.0.5",
+    "description": "",
+    "main": "index.js",
+    "scripts": {},
+    "author": "qingting_tech",
+    "dependencies": {}
+}

package/package/style/root.css

@@ -0,0 +1,108 @@
+/* Mopai 标准化样式定义 */
+:root{
+    /* color */
+    --mc-main-color: #00B9EF;
+    --mc-title-color: #142D4C;
+    --mc-subtitle-color: #828B97;
+    --mc-placeholder-color: #A3AEBC;
+    --mc-primary-text-color: #00ADDF;
+    --mc-warning-color: #FD6B6D;
+    --mc-red-tag-text-color: #B84545;
+    --mc-special-number-color: #DF8400;
+    --mc-background-color: #F5F8FC;
+    --mc-split-color: #DCE4ED;
+    --mc-tab-color: #DCE4ED;
+    --mc-normal-font-color: #0A1830;
+    --mc-border-color: #F5F8FC;
+    --mc-checkbox-disabled-background: var(--mc-split-color);
+    --mc-disabled-input-background: #EAEEF3;
+    --mc-error-color: #FF4D4F;
+    --mc-collapse-header-bg-color: #6898A6;
+
+    /* gradient color */
+    --mc-gradient-blue-light: #83C3FB;
+    --mc-gradient-blue-deep: #446DEA;
+    --mc-gradient-blue-2-light: #B1DBFF;
+    --mc-gradient-blue-2-deep: #7294FF;
+    --mc-gradient-blue-3-light: #88C8FF;
+    --mc-gradient-blue-3-deep: #1444D8;
+
+    --mc-gradient-red-light: #ED866A;
+    --mc-gradient-red-deep: #E8361A;
+
+    --mc-gradient-purple-light: #9F97FE;
+    --mc-gradient-purple-deep: #7138EC;
+
+    --mc-gradient-origin-light: #F1BC61;
+    --mc-gradient-origin-deep: #E8701A;
+
+    --mc-gradient-green-light: #7AD48C;
+    --mc-gradient-green-deep: #27B111;
+
+    /* font */
+    --mc-title-size: 18px;
+    --mc-subtitle-size: 16px;
+    --mc-normal-size: 14px;
+    --mc-small-size: 12px;
+
+    --mc-title-line-height: 26px;
+    --mc-subtitle-line-height: 24px;
+    --mc-content-line-height: 22px;
+    --mc-explain-line-height: 20px;
+
+    /* button */
+    --mc-button-normal-bg: linear-gradient(60.7deg, var(--mc-gradient-blue-light), var(--mc-gradient-blue-deep));
+    --mc-button-hover-bg: linear-gradient(60.7deg, var(--mc-gradient-blue-2-light), var(--mc-gradient-blue-2-deep));
+    --mc-button-active-bg: linear-gradient(60.7deg, var(--mc-gradient-blue-3-light), var(--mc-gradient-blue-3-deep));
+
+    --mc-button-disabled-text: #A3AEBC;
+    --mc-button-disabled-bg: #EAEEF3;
+
+    --mc-button-warning-normal-text: #FF4D4F;
+    --mc-button-warning-normal-border: #FF4D4F;
+    --mc-button-warning-hover-text: #FF6668;
+    --mc-button-warning-hover-border: #FE7779;
+    --mc-button-warning-active-text: var(--mc-button-normal-warning-text);
+    --mc-button-warning-active-border: var(--mc-button-normal-warning-text);
+
+    --mc-button-cancel-normal-text: var(--mc-gradient-blue-deep);
+    --mc-button-cancel-normal-border: var(--mc-gradient-blue-deep);
+    --mc-button-cancel-hover-text: var(--mc-gradient-blue-2-deep);
+    --mc-button-cancel-hover-border: var(--mc-gradient-blue-2-deep);
+    --mc-button-cancel-active-text: var(--mc-gradient-blue-deep);
+    --mc-button-cancel-active-border: var(--mc-gradient-blue-deep);
+
+    --mc-button-inverse-normal-text: var(--mc-gradient-blue-deep);
+    --mc-button-inverse-normal-border: var(--mc-gradient-blue-deep);
+    --mc-button-inverse-hover-text: var(--mc-gradient-blue-2-deep);
+    --mc-button-inverse-hover-border: var(--mc-gradient-blue-2-deep);
+    --mc-button-inverse-active-text: var(--mc-gradient-blue-deep);
+    --mc-button-inverse-active-border: var(--mc-gradient-blue-deep);
+
+    --mc-link-normal-color: #00ADDF;
+    --mc-link-hover-color: var(--mc-main-color);
+    --mc-link-active-color: var(--mc-link-normal-color);
+    --mc-link-disabled-color: #A3AEBC;
+
+    /* float layer */
+    --mc-float-layer-box-shadow: 0px 1px 8px 2px rgba(104, 152, 166, .24);
+    --mc-float-layer-border-radius: 8px;
+
+    /* label */
+    --mc-label-default-text-color: #A3AEBC;
+    --mc-label-default-bg-color: #F5F8FC;
+
+    --mc-label-red-text-color: #B84545;
+    --mc-label-red-bg-color: #FAEAEA;
+
+    --mc-label-blue-text-color: #00ADDF;
+    --mc-label-blue-bg-color: #E7FAFF;
+
+    --mc-label-yellow-text-color: #D47802;
+    --mc-label-yellow-bg-color: #FBF0DB;
+
+    --mc-label-green-text-color: #3DB194;
+    --mc-label-green-bg-color: #EAFAF6;
+
+    --mc-tooltip-bg-color: rgba(0, 0, 0, 0.6);
+}

package/package/utils/common.js

@@ -0,0 +1,55 @@
+export const deepCopy = data => {
+    let d
+    if (typeof data === 'object') {
+        if (Array.isArray(data)) {
+            d = []
+            for (let i = 0, len = data.length; i < len; i++) d[i] = deepCopy(data[i])
+        } else if (data === null) {
+            d = null
+        } else if (data.constructor === RegExp) {
+            d = data
+        } else if (Object.keys(data).length) {
+            d = {}
+            for (const key in data) d[key] = deepCopy(data[key])
+        } else {
+            d = data
+        }
+    } else {
+        d = data
+    }
+    return d
+}
+
+export const _uuid = () => {
+    let s = Date.now() + parseInt(Math.random() * 365 * 1000)
+    s = s.toString()
+    return s.substr(s.length - 5)
+
+}
+
+export const dateFormat = (time, format) => {
+    if(time){
+        const _t = typeof time === 'object'? time : typeof time === 'number'? new Date(time) : new Date(time.replace('-', '/'))
+        let formatStr = format
+        const o = {
+            'M+': _t.getMonth() + 1, //month
+            'd+': _t.getDate(), //day
+            'h+': _t.getHours(), //hour
+            'm+': _t.getMinutes(), //minute
+            's+': _t.getSeconds(), //second
+            'q+': Math.floor((_t.getMonth() + 3) / 3), //quarter
+            'S': _t.getMilliseconds() //millisecond
+        };
+        if (/(y+)/.test(formatStr)){
+            formatStr = format.replace(RegExp.$1, (String(_t.getFullYear())).substr(4 - RegExp.$1.length))
+        }
+        for (const k in o) {
+            if (new RegExp('(' + k + ')').test(format)) {
+                formatStr = formatStr.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr((String(o[k])).length))
+            }
+        }
+        return formatStr
+    } else {
+        return ''
+    }
+}

package/package.json

@@ -0,0 +1,21 @@
+{
+    "name": "qtsk-vue3",
+    "version": "0.0.5",
+    "description": "vue3版组件库",
+    "main": "./package/index.js",
+    "scripts": {
+        "patch": "node publish/build.js patch",
+        "minor": "node publish/build.js minor",
+        "major": "node publish/build.js major"
+    },
+    "keywords": [
+        "qingtingzhiyun",
+        "qtzy"
+    ],
+    "files": [
+        "package"
+    ],
+    "author": "qingting_tech",
+    "license": "MIT",
+    "dependencies": {}
+}