@ddwl/ddwl-ui 1.1.5 → 1.1.7

package/src/lib/slots/dict.vue

@@ -1,46 +1,46 @@
-<!-- 字典slot -->
-<template>
-  <div>{{ dictText }}</div>
-</template>
-
-<script>
-export default {
-  // eslint-disable-next-line vue/multi-word-component-names
-  name: 'Dict',
-  components: {},
-  props: {
-    row: {
-      type: Object,
-      default: () => ({})
-    },
-    prop: {
-      type: String,
-      default: ''
-    },
-    // 字典的code
-    code: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-    }
-  },
-  computed: {
-    dictText () {
-      if (Array.isArray(this.row[this.prop])) {
-        const result = this.$DDWL.enum.getLabels(this.code, this.row[this.prop])
-        return result?.length ? result.join(',') : ''
-      } else {
-        return this.$DDWL.enum.getLabel(this.code, this.row[this.prop])
-      }
-    }
-  },
-  watch: {},
-  methods: {}
-}
-</script>
-
-<style lang='scss' scoped>
-</style>
+<!-- 字典slot -->
+<template>
+  <div>{{ dictText }}</div>
+</template>
+
+<script>
+export default {
+  // eslint-disable-next-line vue/multi-word-component-names
+  name: 'Dict',
+  components: {},
+  props: {
+    row: {
+      type: Object,
+      default: () => ({})
+    },
+    prop: {
+      type: String,
+      default: ''
+    },
+    // 字典的code
+    code: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+    }
+  },
+  computed: {
+    dictText () {
+      if (Array.isArray(this.row[this.prop])) {
+        const result = this.$DDWL.enum.getLabels(this.code, this.row[this.prop])
+        return result?.length ? result.join(',') : ''
+      } else {
+        return this.$DDWL.enum.getLabel(this.code, this.row[this.prop])
+      }
+    }
+  },
+  watch: {},
+  methods: {}
+}
+</script>
+
+<style lang='scss' scoped>
+</style>

package/src/lib/slots/file.vue

@@ -1,36 +1,36 @@
-<!-- 文件slot -->
-<template>
-  <!-- eslint-disable-next-line vue/no-mutating-props -->
-  <file-upload v-model="row[prop]" readonly />
-</template>
-
-<script>
-import FileUpload from '../../packages/upload'
-
-export default {
-  // eslint-disable-next-line vue/multi-word-component-names
-  name: 'File',
-  components: { FileUpload },
-  props: {
-    row: {
-      type: Object,
-      default: () => ({})
-    },
-    prop: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-    }
-  },
-  computed: {},
-  watch: {},
-  created () {},
-  methods: {}
-}
-</script>
-
-<style lang='scss' scoped>
-</style>
+<!-- 文件slot -->
+<template>
+  <!-- eslint-disable-next-line vue/no-mutating-props -->
+  <file-upload v-model="row[prop]" readonly />
+</template>
+
+<script>
+import FileUpload from '../../packages/upload'
+
+export default {
+  // eslint-disable-next-line vue/multi-word-component-names
+  name: 'File',
+  components: { FileUpload },
+  props: {
+    row: {
+      type: Object,
+      default: () => ({})
+    },
+    prop: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+    }
+  },
+  computed: {},
+  watch: {},
+  created () {},
+  methods: {}
+}
+</script>
+
+<style lang='scss' scoped>
+</style>

package/src/lib/slots/icon.vue

@@ -1,74 +1,74 @@
-<!-- 带有icon图标的内容 -->
-<template>
-  <div class="icon-slot">
-    <div v-for="({ icon, type, color }, index) in list" :key="index">
-      <!-- image -->
-      <img  v-if="type === 'image'" class="icon-image" :src="icon" alt="">
-      <!-- svg -->
-      <svg-icon v-else-if="type === 'svg'" :style="{ color }" class="icon-svg" :icon="icon" />
-      <!-- iconfont -->
-      <i v-else class="icon-iconfont" :style="{ color }" :class="`${icon}`"></i>
-    </div>
-    <span class="icon-content">{{ row[prop] }}</span>
-  </div>
-</template>
-
-<script>
-import SvgIcon from '../../packages/svg-icon'
-export default {
-  // eslint-disable-next-line vue/multi-word-component-names
-  name: 'Icon',
-  components: { SvgIcon },
-  props: {
-    row: {
-      type: Object,
-      default: () => ({})
-    },
-    prop: {
-      type: String,
-      default: ''
-    },
-    // 字典的code
-    icons: {
-      type: [Function, Array],
-      default: () => []
-    }
-  },
-  data () {
-    return {}
-  },
-  computed: {
-    list () {
-      if (typeof this.icons === 'function') {
-        return this.icons(this.row)
-      } else {
-        return this.icons
-      }
-    }
-  },
-  created () {},
-  methods: {}
-}
-</script>
-
-<style lang='scss' scoped>
-.icon-slot {
-  display: flex;
-  align-items: center;
-  .icon-image {
-    width: 20px;
-    height: 20px;
-    margin-right: 4px;
-  }
-  .icon-svg, .icon-iconfont {
-    font-size: 18px;
-    margin-right: 4px;
-  }
-  .icon-content {
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-</style>
+<!-- 带有icon图标的内容 -->
+<template>
+  <div class="icon-slot">
+    <div v-for="({ icon, type, color }, index) in list" :key="index">
+      <!-- image -->
+      <img  v-if="type === 'image'" class="icon-image" :src="icon" alt="">
+      <!-- svg -->
+      <svg-icon v-else-if="type === 'svg'" :style="{ color }" class="icon-svg" :icon="icon" />
+      <!-- iconfont -->
+      <i v-else class="icon-iconfont" :style="{ color }" :class="`${icon}`"></i>
+    </div>
+    <span class="icon-content">{{ row[prop] }}</span>
+  </div>
+</template>
+
+<script>
+import SvgIcon from '../../packages/svg-icon'
+export default {
+  // eslint-disable-next-line vue/multi-word-component-names
+  name: 'Icon',
+  components: { SvgIcon },
+  props: {
+    row: {
+      type: Object,
+      default: () => ({})
+    },
+    prop: {
+      type: String,
+      default: ''
+    },
+    // 字典的code
+    icons: {
+      type: [Function, Array],
+      default: () => []
+    }
+  },
+  data () {
+    return {}
+  },
+  computed: {
+    list () {
+      if (typeof this.icons === 'function') {
+        return this.icons(this.row)
+      } else {
+        return this.icons
+      }
+    }
+  },
+  created () {},
+  methods: {}
+}
+</script>
+
+<style lang='scss' scoped>
+.icon-slot {
+  display: flex;
+  align-items: center;
+  .icon-image {
+    width: 20px;
+    height: 20px;
+    margin-right: 4px;
+  }
+  .icon-svg, .icon-iconfont {
+    font-size: 18px;
+    margin-right: 4px;
+  }
+  .icon-content {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+</style>

package/src/lib/slots/index.js

@@ -1,11 +1,11 @@
-const modules = {}
-const requireComponent = require.context('../slots', true, /.vue$/)
-
-requireComponent.keys().forEach(file => {
-  const componentConfig = requireComponent(file)
-  const components = componentConfig.default || componentConfig
-
-  modules[components.name] = components
-})
-
-export default modules
+const modules = {}
+const requireComponent = require.context('../slots', true, /.vue$/)
+
+requireComponent.keys().forEach(file => {
+  const componentConfig = requireComponent(file)
+  const components = componentConfig.default || componentConfig
+
+  modules[components.name] = components
+})
+
+export default modules

package/src/main.js

@@ -1,63 +1,63 @@
-import Button from './packages/button'
-import Descriptions from './packages/descriptions'
-import Dialog from './packages/dialog'
-import DialogConfirm from './packages/dialog-confirm'
-import Drawer from './packages/drawer'
-import FilterTree from './packages/filter-tree'
-import Form from './packages/form'
-import FormItem from './packages/form-item'
-import ImportFile from './packages/import-file'
-import Menu from './packages/menu'
-import Popconfirm from './packages/popconfirm'
-import Render from './packages/render'
-import SearchForm from './packages/search-form'
-import SearchInput from './packages/search-input'
-import SearchTable from './packages/search-table'
-import SvgIcon from './packages/svg-icon'
-import Table from './packages/table'
-import Upload from './packages/upload'
-import extendComponentInstall from './lib/install/index.js'
-
-import './lib/theme/index.css'
-
-const components = [
-  Button,
-  Descriptions,
-  Dialog,
-  DialogConfirm,
-  Drawer,
-  FilterTree,
-  Form,
-  FormItem,
-  ImportFile,
-  Menu,
-  Popconfirm,
-  Render,
-  SearchForm,
-  SearchInput,
-  SearchTable,
-  SvgIcon,
-  Table,
-  Upload
-]
-
-const install = (Vue, opts = {}) => {
-
-  Vue.prototype.$DDWL = {
-    upload: opts.upload,
-    enum: opts.enum
-  }
-
-  if (install.installed) return
-  components.forEach((component) => Vue.component(component.name, component))
-
-  extendComponentInstall(Vue)
-}
-
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue)
-}
-
-export default {
-  install
+import Button from './packages/button'
+import Descriptions from './packages/descriptions'
+import Dialog from './packages/dialog'
+import DialogConfirm from './packages/dialog-confirm'
+import Drawer from './packages/drawer'
+import FilterTree from './packages/filter-tree'
+import Form from './packages/form'
+import FormItem from './packages/form-item'
+import ImportFile from './packages/import-file'
+import Menu from './packages/menu'
+import Popconfirm from './packages/popconfirm'
+import Render from './packages/render'
+import SearchForm from './packages/search-form'
+import SearchInput from './packages/search-input'
+import SearchTable from './packages/search-table'
+import SvgIcon from './packages/svg-icon'
+import Table from './packages/table'
+import Upload from './packages/upload'
+import extendComponentInstall from './lib/install/index.js'
+
+import './lib/theme/index.css'
+
+const components = [
+  Button,
+  Descriptions,
+  Dialog,
+  DialogConfirm,
+  Drawer,
+  FilterTree,
+  Form,
+  FormItem,
+  ImportFile,
+  Menu,
+  Popconfirm,
+  Render,
+  SearchForm,
+  SearchInput,
+  SearchTable,
+  SvgIcon,
+  Table,
+  Upload
+]
+
+const install = (Vue, opts = {}) => {
+
+  Vue.prototype.$DDWL = {
+    upload: opts.upload,
+    enum: opts.enum
+  }
+
+  if (install.installed) return
+  components.forEach((component) => Vue.component(component.name, component))
+
+  extendComponentInstall(Vue)
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue)
+}
+
+export default {
+  install
 }

package/src/packages/button/index.vue

@@ -1,36 +1,36 @@
-<!-- 按钮 -->
-<template>
-  <el-button
-    v-bind="$attrs"
-    :loading="loading"
-    @click="handleClick"
-  >
-    <slot />
-  </el-button>
-</template>
-
-<script>
-export default {
-  name: 'DButton',
-  components: {},
-  data () {
-    return {
-      loading: false
-    }
-  },
-  computed: {},
-  watch: {},
-  created () {},
-  methods: {
-    handleClick () {
-      this.loading = true
-      this.$emit('submit', () => {
-        this.loading = false
-      })
-    }
-  }
-}
-</script>
-
-<style lang='scss' scoped>
-</style>
+<!-- 按钮 -->
+<template>
+  <el-button
+    v-bind="$attrs"
+    :loading="loading"
+    @click="handleClick"
+  >
+    <slot />
+  </el-button>
+</template>
+
+<script>
+export default {
+  name: 'DButton',
+  components: {},
+  data () {
+    return {
+      loading: false
+    }
+  },
+  computed: {},
+  watch: {},
+  created () {},
+  methods: {
+    handleClick () {
+      this.loading = true
+      this.$emit('submit', () => {
+        this.loading = false
+      })
+    }
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+</style>