npm - doway-coms - Versions diffs - 1.0.1 - Mend

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/.browserslistrc +2 -0
package/.eslintrc.js +23 -0
package/README.md +24 -0
package/babel.config.js +8 -0
package/package.json +39 -0
package/public/favicon.ico +0 -0
package/public/index.html +17 -0
package/src/App.vue +33 -0
package/src/components/_base-input.vue +120 -0
package/src/components/index.js +63 -0
package/src/main.js +11 -0
package/vue.config.js +14 -0

package/.browserslistrc ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ > 1%
2	+ last 2 versions

package/.eslintrc.js ADDED Viewed

@@ -0,0 +1,23 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  'extends': [
+    'plugin:vue/essential',
+    'eslint:recommended'
+  ],
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-undef':'off',
+    'no-unused-vars':'off',
+    'no-constant-condition':'off',
+    'no-unexpected-multiline':'off',
+    'no-console':'off',
+    'no-case-declarations':'off'
+  }
+}

package/README.md ADDED Viewed

@@ -0,0 +1,24 @@
+# doway-coms
+## Project setup
+```
+npm install
+```
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+### Compiles and minifies for production
+```
+npm run build
+```
+### Lints and fixes files
+```
+npm run lint
+```
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

package/babel.config.js ADDED Viewed

@@ -0,0 +1,8 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ],
+  "plugins": [
+    ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` 会加载 less 文件
+  ]
+}

package/package.json ADDED Viewed

@@ -0,0 +1,39 @@
+{
+  "name": "doway-coms",
+  "version": "1.0.1",
+  "description": "doway组件库",
+  "author": "dowaysoft",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "lib": "vue-cli-service build --target lib --name doway-coms -dest lib src/components/index.js"
+  },
+  "dependencies": {
+    "ant-design-vue": "1.7.8",
+    "vue": "2.7.14",
+    "vue-router": "3.6.5",
+    "vee-validate": "3.4.14"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.2.0",
+    "@vue/cli-plugin-eslint": "~4.2.0",
+    "@vue/cli-plugin-vuex": "~4.2.0",
+    "@vue/cli-service": "~4.2.0",
+    "babel-eslint": "^10.0.3",
+    "babel-plugin-import": "^1.13.6",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^6.1.2",
+    "less-loader": "^6.0.0",
+    "node-sass": "^4.14.0",
+    "sass-loader": "^8.0.2",
+    "vue-template-compiler": "^2.6.11"
+  },
+  "main": ".eslintrc.js",
+  "repository": {
+    "type": "git",
+    "url": "http://coding.dowaycn.com/doway/doway-coms.git"
+  },
+  "keywords": []
+}

package/public/favicon.ico ADDED Viewed

Binary file

package/public/index.html ADDED Viewed

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

package/src/App.vue ADDED Viewed

@@ -0,0 +1,33 @@
+<template>
+  <div id="app">
+    davis
+    <base-input :label="'ceshi'" :edit="true"/>
+    <!-- <img alt="Vue logo" src="./assets/logo.png" />
+    <base-time/>
+    <base-checkbox :edit="true"/>
+    <base-input></base-input>
+    <base-date-time :edit="true"/>
+    <base-date-week :edit="true"/>
+    <base-date :edit="true"/>
+    <base-form/>
+    <base-grid-view/> -->
+  </div>
+</template>
+<script>
+export default {
+  name: "App",
+};
+</script>
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>

package/src/components/_base-input.vue ADDED Viewed

@@ -0,0 +1,120 @@
+<template>
+  <div class="d-control-container">
+    <div class="d-control-label">
+      {{ label
+      }}<span v-if="rules && rules['required']" class="d-control-label-required"
+      >*
+      </span>
+    </div>
+    <div class="d-control">
+      <ValidationProvider
+        :name="label"
+        v-slot="v"
+        :rules="rules"
+        v-if="edit === true"
+      >
+        <Input
+          :size="'small'"
+          v-model="currentValue"
+          :placeholder="placeholder"
+          @change="change"
+          @blur="blur"
+          style="width: 100%"
+          :class="{ 'd-error-input': v.errors.length > 0 }"
+        />
+        <div class="d-error-msg">
+          {{ v.errors[0] }}
+        </div>
+      </ValidationProvider>
+      <span v-else>{{ currentValue }}</span>
+    </div>
+  </div>
+</template>
+<script>
+import { Input } from 'ant-design-vue'
+import { ValidationProvider } from 'vee-validate'
+export default {
+  name: 'baseInput',
+  components:{
+    Input,
+    ValidationProvider
+  },
+  data() {
+    return {
+      filterValue: '',
+      isInputChanged: false,
+      inputTimeout: null,
+      searchRows: [],
+      filterCols: [],
+      gridLoading: false,
+      gridPagerConfig: {
+        total: 0,
+        currentPage: 1,
+        pageSize: 10
+      }
+    }
+  },
+  computed: {
+    currentValue: {
+      // 动态计算currentValue的值
+      get: function() {
+        return this.value // 将props中的value赋值给currentValue
+      },
+      set: function(val) {
+        this.$emit('input', val) // 通过$emit触发父组件
+      }
+    }
+  },
+  props: {
+    rules: {
+      type: Object,
+      default: function() {
+        return null
+      }
+    },
+    value: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    edit: {
+      type: Boolean,
+      default: function() {
+        return false
+      }
+    },
+    name: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    label: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    placeholder: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    }
+  },
+  created() {},
+  methods: {
+    change() {
+      this.$emit('change')
+    },
+    blur() {
+      this.$emit('blur')
+    }
+  }
+}
+</script>
+<style lang="scss" scoped></style>

package/src/components/index.js ADDED Viewed

@@ -0,0 +1,63 @@
+//组件
+// import BaseAdjustGridView from "./_base-adjust-grid-view.vue"
+// import BaseAttachViewer from "./_base-attach-viewer.vue"
+// import BaseCheckbox from "./_base-checkbox"
+// import BaseDateTime from "./_base-date-time.vue"
+// import BaseDateWeek from "./_base-date-week.vue"
+// import BaseDate from "./_base-date.vue"
+// import BaseForm from "./_base-form.vue"
+// import BaseGanttView from "./_base-gantt-view.vue"
+// import BaseGridView from "./_base-grid-view.vue";
+// import BaseImageList from "./_base-image-list.vue";
+import BaseInput from "./_base-input.vue";
+// import BaseInervalInput from "./_base-interval-input.vue";
+// import BaseKanbanEmpty from "./_base-kanban-empty.vue";
+// import BaseKanban from "./_base-kanban.vue";
+// import BaseNumberInput from "./_base-number-input.vue";
+// import BasePaginationView from "./_base-pagination-view.vue";
+// import BasePulldown from "./_base-pulldown.vue";
+// import BaseSearch from "./_base-search.vue";
+// import BaseSelectMulti from "./_base-select-multi.vue";
+// import BaseSelect from "./_base-select.vue";
+// import BaseTextarea from "./_base-textarea.vue";
+// import BaseTimeRange from "./_base-time-range.vue";
+// import BaseTime from "./_base-time.vue";
+// import BaseToolStatus from "./_base-tool-status.vue";
+// import BaseTool from "./_base-tool.vue";
+//所有组件列表
+const components = [
+    BaseInput
+    // BaseAdjustGridView, BaseAttachViewer,
+    //  BaseCheckbox,
+    //   BaseDateTime, BaseDateWeek, BaseDate,
+    //     BaseForm, BaseGanttView,
+    //    BaseGridView, BaseImageList, BaseInput, BaseInervalInput, BaseKanbanEmpty,
+    //     BaseKanban, BaseNumberInput,
+    //      BasePaginationView
+    //       , BasePulldown
+    //       , BaseSearch, BaseSelectMulti,
+    //        BaseSelect, BaseTextarea,
+    //        BaseTimeRange, BaseTime, BaseToolStatus, BaseTool
+];
+//定义install方法，Vue作为参数
+const install = Vue => {
+    //判断是否安装，安装过就不用继续执行
+    if (install.installed) return;
+    install.installed = true;
+    //遍历注册所有组件
+    components.map(component => Vue.component(component.name, component));
+};
+//检测到Vue再执行
+if (typeof window !== "undefined" && window.Vue) {
+    install(window.Vue);
+}
+export default {
+    install,
+    //所有组件，必须具有install方法才能使用Vue.use()
+    ...components
+};

package/src/main.js ADDED Viewed

@@ -0,0 +1,11 @@
+import Vue from 'vue'
+import App from './App.vue'
+import coms from './components/index.js'
+Vue.use(coms)
+Vue.config.productionTip = false
+new Vue({
+  render: h => h(App)
+}).$mount('#app')

package/vue.config.js ADDED Viewed

@@ -0,0 +1,14 @@
+// vue.config.js 文件
+module.exports = {
+    css: {
+      loaderOptions: {
+        less: {
+          lessOptions: {
+            javascriptEnabled: true
+          }
+        }
+      }
+    }
+  }

doway-coms 1.0.1