byt-ui 0.0.15 → 0.0.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "byt-ui",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "private": false,
   "description": "byt组件库",
   "author": {
@@ -70,4 +70,4 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   }
-}
+}

package/packages/common/modules/cookie.js

@@ -2,13 +2,13 @@
  * @Description: 
  * @Author: 王国火
  * @Date: 2022-10-18 12:37:03
- * @LastEditTime: 2022-10-18 12:37:56
+ * @LastEditTime: 2022-11-16 20:11:01
  * @LastEditors: 王国火
  */
 import Cookie from 'js-cookie'
 import website from './website'
 export const getCookie = (key, context) => {
-  const searchKey = `${website.key}_${key}`
+  const searchKey = `${website.key}-${key}`
   if (context && context.req) {
     if (context.req.headers.cookie) {
       const arr = context.req.headers.cookie.split(';')
@@ -25,9 +25,9 @@ export const getCookie = (key, context) => {
 }
 
 export const setCookie = (key, value, expires = 7, path = '/') => {
-  return Cookie.set(`${website.key}_${key}`, value, { expires, path })
+  return Cookie.set(`${website.key}-${key}`, value, { expires, path })
 }
 
 export const removeCookie = (key, path = '/') => {
-  return Cookie.remove(key, { path })
+  return Cookie.remove(`${website.key}-${key}`, { path })
 }

package/packages/components/basic-view/demo.vue

@@ -29,16 +29,83 @@
 </template>
 
 <script>
+import moment from "moment"
 export default {
-  name: 'demo',
+  name: 'default-demo',
   components: {},
   data() {
     return {
       searchList: [
         {
-          label: '用户名',
-          key: 'username',
-          type: 'input'
+          label: '输入框',
+          key: 'input',
+          type: 'input',
+          default:"abc"
+        },
+        {
+          label: '下拉框',
+          key: 'select',
+          type: 'select',
+          default:1,
+          options:[
+            {label:"a",value:1},
+            {label:"b",value:2},
+            {label:"c",value:3},
+            {label:"d",value:4}
+          ]
+        },
+        {
+          label: '级联选择',
+          key: 'cascader',
+          type: 'cascader',
+          default:"yizhi",
+          options:[{
+            value: 'zhinan',
+            label: '指南',
+            children: [{
+              value: 'shejiyuanze',
+              label: '设计原则',
+              children: [{
+                value: 'yizhi',
+                label: '一致'
+              }, {
+                value: 'fankui',
+                label: '反馈'
+              }, {
+                value: 'xiaolv',
+                label: '效率'
+              }, {
+                value: 'kekong',
+                label: '可控'
+              }]
+            }]
+          }]
+        },
+        {
+          label: '年月日',
+          key: 'date',
+          type: 'datepicker',
+          default:moment().format("YYYY-MM-DD")
+        },
+        {
+          label: '年月',
+          key: 'month',
+          type: 'datepicker',
+          fields:"month",
+          default:moment().format("YYYY-MM")
+        },
+        {
+          label: '年',
+          key: 'year',
+          type: 'datepicker',
+          fields:"year",
+          default:moment().format("YYYY")
+        },
+        {
+          label: '日期区间',
+          key: 'daterange',
+          type: 'daterange',
+          default:["2023-06-05","2023-06-07"]
         }
       ],
       tableData: [],
@@ -79,6 +146,9 @@ export default {
     },
     refreshChange() {
       this.$refs.baseView.refresh();
+    },
+    onClear(){
+      this.$refs.baseView.clear();
     }
   }
 }

package/packages/components/basic-view/index.vue

@@ -2,8 +2,8 @@
  * @Description:
  * @Author: 王国火
  * @Date: 2022-07-12 17:47:20
- * @LastEditTime: 2022-11-04 13:45:52
- * @LastEditors: sxy
+ * @LastEditTime: 2023-06-07 08:31:20
+ * @LastEditors: 王国火
 -->
 
 <template>
@@ -17,6 +17,7 @@
         :search-list="searchList"
         @search="onSearch"
         @reset="onReset"
+        @init="init"
         v-model="searchForm"
       ></FormView>
     </div>
@@ -196,10 +197,14 @@ export default {
     }
   },
   mounted() {
-    // 有些特殊情况需要手动请求列表数据
-    if (this.autoLoad) this.fetchData();
+    
   },
   methods: {
+    init(form){
+      this.searchForm=Object.assign({},this.searchForm,form);
+      // 有些特殊情况需要手动请求列表数据
+      if (this.autoLoad) this.fetchData();
+    },
     onSelectAllEvent(list) {
       /** 多选框全选触发
 			 * @event checkbox-all
@@ -259,6 +264,9 @@ export default {
       this.searchForm = {};
       this.fetchData();
     },
+    clear(){
+      this.$refs.search.init();
+    },
     onSizeChange(size) {
       this.pageOpt.pageSize = size;
       this.pageOpt.page = 1;
@@ -271,13 +279,6 @@ export default {
       this.$nextTick(() => {
         this.fetchData();
       })
-    },
-    initForm(list) {
-      list.map(v => {
-        if (v.value || v.value == 0) {
-          this.$set(this.searchForm, v.key, v.value)
-        }
-      })
     }
   },
   watch: {
@@ -289,13 +290,6 @@ export default {
       },
       immediate: true,
       deep: true
-    },
-    searchList: {
-      handler(val) {
-        this.initForm(val)
-      },
-      immediate: true,
-      deep: true
     }
   }
 }

package/packages/components/form-view/index.vue

@@ -2,8 +2,8 @@
  * @Description:
  * @Author: 王国火
  * @Date: 2022-07-13 08:46:34
- * @LastEditTime: 2022-11-04 13:44:45
- * @LastEditors: sxy
+ * @LastEditTime: 2023-06-07 08:53:12
+ * @LastEditors: 王国火
 -->
 <!--  -->
 <template>
@@ -58,7 +58,6 @@
           :picker-options="pickerOptions"
         >
         </el-date-picker>
-        <!-- fields可选值:date、month、year -->
       </template>
     </el-form-item>
 
@@ -131,7 +130,9 @@ export default {
   },
   components: {},
   computed: {},
-  mounted() {},
+  mounted() {
+    
+  },
   methods: {
     formateDate(type) {
       // date、week 、month、year
@@ -169,17 +170,41 @@ export default {
           if (v)resolve(v)
         })
       })
+    },
+    setDefaultVal(el) {
+      // 处理默认值,可拓展
+      const dval = el.default;// 默认值
+      switch (el.type) {
+        case 'input':
+        case 'select':
+          return (dval === 0 || dval === '0') ? dval : (dval || '')
+        case 'inputNumber':
+          return dval === 0 ? dval : (dval || null)
+        case 'treeSelect':
+          return [];
+        default:
+          return (dval === 0 || dval === '0') ? dval : (dval || '')
+      }
+    },
+    formatForm(list) {
+      //有些查询条件初始携带默认值，需要处理；
+      this.form = Object.assign({}, this.form, list.reduce((obj, el) => {
+        obj[el.key] = this.setDefaultVal(el)
+        return obj
+      }, {}))
+    },
+    init(){
+      this.formatForm(this.searchList);
+      this.$emit('init', this.form)
     }
   },
   watch: {
-    value: {
-      handler(val) {
-        if (JSON.stringify(val) != JSON.stringify(this.form)) {
-          this.form = Object.assign({}, this.form, val);
-        }
+    searchList:{
+      handler(){
+        this.init();
       },
-      immediate: true,
-      deep: true
+      immediate:true,
+      deep:true
     },
     form: {
       handler(val) {

package/yarn-error.log

@@ -0,0 +1,108 @@
+Arguments: 
+  C:\Program Files\nodejs\node.exe C:\Users\byt\AppData\Roaming\npm\node_modules\yarn\bin\yarn.js login
+
+PATH: 
+  C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Windows\System32\OpenSSH\;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files\NVIDIA Corporation\NVIDIA NvDLISR;D:\微信web开发者工具\dll;C:\Pro;ram Files\nodejs\;C:\Program Files\Git\cmd;C:\Program Files\nodejs\;C:\Users\byt\AppData\Local\Microsoft\WindowsApps;;c:\program files\esafenet\cobra docguard client;C:\Users\byt\AppData\Local\Programs\Fiddler;F:\Microsoft VS Code\bin;C:\Users\byt\AppData\Roaming\npm
+
+Yarn version: 
+  1.22.19
+
+Node version: 
+  14.18.3
+
+Platform: 
+  win32 x64
+
+Trace: 
+  Error: canceled
+      at Interface.<anonymous> (C:\Users\byt\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:137150:13)
+      at Interface.emit (events.js:400:28)
+      at Interface._ttyWrite (readline.js:1001:16)
+      at ReadStream.onkeypress (readline.js:265:10)
+      at ReadStream.emit (events.js:400:28)
+      at emitKeys (internal/readline/utils.js:358:14)
+      at emitKeys.next (<anonymous>)
+      at ReadStream.onData (readline.js:1270:36)
+      at ReadStream.emit (events.js:400:28)
+      at addChunk (internal/streams/readable.js:293:12)
+
+npm manifest: 
+  {
+    "name": "byt-ui",
+    "version": "0.0.16",
+    "private": false,
+    "description": "byt组件库",
+    "author": {
+      "name": "wgh"
+    },
+    "scripts": {
+      "dev": "vue-cli-service serve",
+      "build": "vue-cli-service build",
+      "lint": "vue-cli-service lint",
+      "lib": "vue-cli-service build --target lib --name byt-ui --dest lib packages/index.js",
+      "styleguide": "vue-cli-service styleguidist",
+      "styleguide:build": "vue-cli-service styleguidist:build"
+    },
+    "main": "lib/byt-ui.umd.min.js",
+    "dependencies": {
+      "core-js": "^3.8.3",
+      "element-ui": "^2.15.10",
+      "js-cookie": "^3.0.1",
+      "moment": "^2.29.4",
+      "vue": "^2.6.14",
+      "vxe-table": "^3.6.6",
+      "xe-utils": "^3.5.6"
+    },
+    "devDependencies": {
+      "@babel/core": "^7.12.16",
+      "@babel/eslint-parser": "^7.12.16",
+      "@babel/preset-env": "^7.19.4",
+      "@vue/cli-plugin-babel": "~5.0.0",
+      "@vue/cli-plugin-eslint": "~5.0.0",
+      "@vue/cli-service": "~5.0.0",
+      "babel-plugin-component": "^1.1.1",
+      "babel-preset-env": "^1.7.0",
+      "eslint": "^7.32.0",
+      "eslint-plugin-vue": "^8.0.3",
+      "node-sass": "4.14.1",
+      "sass-loader": "10.0.4",
+      "vue-cli-plugin-styleguidist": "~4.45.1",
+      "vue-template-compiler": "^2.6.14"
+    },
+    "eslintConfig": {
+      "root": true,
+      "env": {
+        "node": true
+      },
+      "extends": [
+        "plugin:vue/essential",
+        "eslint:recommended"
+      ],
+      "parserOptions": {
+        "parser": "@babel/eslint-parser"
+      },
+      "rules": {}
+    },
+    "browserslist": [
+      "> 1%",
+      "last 2 versions",
+      "not dead"
+    ],
+    "keywords": [
+      "byt",
+      "byt-ui",
+      "@byt",
+      "@byt/base"
+    ],
+    "license": "MIT",
+    "publishConfig": {
+      "access": "public",
+      "registry": "https://registry.npmjs.org/"
+    }
+  }
+
+yarn manifest: 
+  No manifest
+
+Lockfile: 
+  No lockfile