lw-cdp-ui 1.0.17 → 1.0.18

package/dist/components/lwForm/index.vue

@@ -14,7 +14,8 @@
                 :key="index">
         <el-col :span="item.span || 24"
                 v-if="!hideHandle(item)">
-          <el-form-item :prop="item.name"  :rules="rulesHandle(item)">
+          <el-form-item :prop="item.name"
+                        :rules="rulesHandle(item)">
             <template #label>
               {{item.label}}
               <el-tooltip v-if="item.tips"
@@ -33,13 +34,15 @@
                         show-word-limit></el-input>
             </template>
             <!-- upload -->
-						<template v-else-if="item.component=='upload'" >
-							<el-col v-for="(_item, _index) in item.options.items" :key="_index">
-								<el-form-item :prop="_item.name">
-									<lw-upload v-model="form[_item.name]" :title="_item.label"></lw-upload>
-								</el-form-item>
-							</el-col>
-						</template>
+            <template v-else-if="item.component=='upload'">
+              <el-col v-for="(_item, _index) in item.options.items"
+                      :key="_index">
+                <el-form-item :prop="_item.name">
+                  <lw-upload v-model="form[_item.name]"
+                             :title="_item.label"></lw-upload>
+                </el-form-item>
+              </el-col>
+            </template>
             <!-- checkbox -->
             <template v-else-if="item.component=='checkbox'">
               <template v-if="item.name">
@@ -133,10 +136,11 @@
               <el-slider v-model="form[item.name]"
                          :marks="item.options.marks"></el-slider>
             </template>
-            <!-- noComponent -->
+            <!-- 没有组件是component值 就是插槽名称 -->
             <template v-else>
-              <el-tag type="danger">[{{item.component}}] Component not
-                found</el-tag>
+              <slot :name="item.component">
+                <el-tag type="danger">[{{item.component}}] 没有这个默认组件也未自定义插槽内容</el-tag>
+              </slot>
             </template>
             <div v-if="item.message"
                  class="el-form-item-msg">{{item.message}}</div>

package/dist/components/lwIconSelect/iconSelect.js

@@ -0,0 +1,289 @@
+export default {
+  icons: [{
+      name: '默认',
+      key: 'element',
+      icons: [
+        "el-icon-aim",
+        "el-icon-add-location",
+        "el-icon-apple",
+        "el-icon-alarm-clock",
+        "el-icon-arrow-down",
+        "el-icon-arrow-down-bold",
+        "el-icon-arrow-left",
+        "el-icon-arrow-left-bold",
+        "el-icon-arrow-right-bold",
+        "el-icon-arrow-up",
+        "el-icon-back",
+        "el-icon-bell",
+        "el-icon-baseball",
+        "el-icon-bicycle",
+        "el-icon-bell-filled",
+        "el-icon-basketball",
+        "el-icon-bottom",
+        "el-icon-box",
+        "el-icon-briefcase",
+        "el-icon-brush-filled",
+        "el-icon-bowl",
+        "el-icon-avatar",
+        "el-icon-brush",
+        "el-icon-burger",
+        "el-icon-camera",
+        "el-icon-bottom-left",
+        "el-icon-calendar",
+        "el-icon-caret-bottom",
+        "el-icon-caret-left",
+        "el-icon-caret-right",
+        "el-icon-caret-top",
+        "el-icon-chat-dot-square",
+        "el-icon-cellphone",
+        "el-icon-chat-dot-round",
+        "el-icon-chat-line-square",
+        "el-icon-chat-line-round",
+        "el-icon-chat-round",
+        "el-icon-check",
+        "el-icon-chat-square",
+        "el-icon-cherry",
+        "el-icon-chicken",
+        "el-icon-circle-check-filled",
+        "el-icon-circle-check",
+        "el-icon-checked",
+        "el-icon-circle-close-filled",
+        "el-icon-circle-close",
+        "el-icon-arrow-right",
+        "el-icon-circle-plus",
+        "el-icon-clock",
+        "el-icon-close-bold",
+        "el-icon-close",
+        "el-icon-cloudy",
+        "el-icon-circle-plus-filled",
+        "el-icon-coffee-cup",
+        "el-icon-cold-drink",
+        "el-icon-coin",
+        "el-icon-arrow-up-bold",
+        "el-icon-collection-tag",
+        "el-icon-bottom-right",
+        "el-icon-coffee",
+        "el-icon-camera-filled",
+        "el-icon-collection",
+        "el-icon-cpu",
+        "el-icon-crop",
+        "el-icon-coordinate",
+        "el-icon-d-arrow-left",
+        "el-icon-compass",
+        "el-icon-connection",
+        "el-icon-credit-card",
+        "el-icon-data-board",
+        "el-icon-d-arrow-right",
+        "el-icon-dessert",
+        "el-icon-delete-location",
+        "el-icon-d-caret",
+        "el-icon-delete",
+        "el-icon-dish",
+        "el-icon-dish-dot",
+        "el-icon-document-copy",
+        "el-icon-discount",
+        "el-icon-document-checked",
+        "el-icon-document-add",
+        "el-icon-document-remove",
+        "el-icon-data-analysis",
+        "el-icon-delete-filled",
+        "el-icon-download",
+        "el-icon-drizzling",
+        "el-icon-eleme",
+        "el-icon-eleme-filled",
+        "el-icon-edit",
+        "el-icon-failed",
+        "el-icon-expand",
+        "el-icon-female",
+        "el-icon-document",
+        "el-icon-film",
+        "el-icon-finished",
+        "el-icon-data-line",
+        "el-icon-filter",
+        "el-icon-flag",
+        "el-icon-folder-checked",
+        "el-icon-first-aid-kit",
+        "el-icon-folder-add",
+        "el-icon-fold",
+        "el-icon-folder-delete",
+        "el-icon-document-delete",
+        "el-icon-folder",
+        "el-icon-food",
+        "el-icon-folder-opened",
+        "el-icon-football",
+        "el-icon-folder-remove",
+        "el-icon-fries",
+        "el-icon-full-screen",
+        "el-icon-fork-spoon",
+        "el-icon-goblet",
+        "el-icon-goblet-full",
+        "el-icon-goods",
+        "el-icon-goblet-square-full",
+        "el-icon-goods-filled",
+        "el-icon-grid",
+        "el-icon-grape",
+        "el-icon-goblet-square",
+        "el-icon-headset",
+        "el-icon-comment",
+        "el-icon-help-filled",
+        "el-icon-histogram",
+        "el-icon-home-filled",
+        "el-icon-help",
+        "el-icon-house",
+        "el-icon-ice-cream-round",
+        "el-icon-hot-water",
+        "el-icon-ice-cream",
+        "el-icon-files",
+        "el-icon-ice-cream-square",
+        "el-icon-key",
+        "el-icon-ice-tea",
+        "el-icon-knife-fork",
+        "el-icon-iphone",
+        "el-icon-info-filled",
+        "el-icon-link",
+        "el-icon-ice-drink",
+        "el-icon-lightning",
+        "el-icon-loading",
+        "el-icon-lollipop",
+        "el-icon-location-information",
+        "el-icon-lock",
+        "el-icon-location-filled",
+        "el-icon-magnet",
+        "el-icon-male",
+        "el-icon-location",
+        "el-icon-menu",
+        "el-icon-magic-stick",
+        "el-icon-message-box",
+        "el-icon-map-location",
+        "el-icon-mic",
+        "el-icon-message",
+        "el-icon-medal",
+        "el-icon-milk-tea",
+        "el-icon-microphone",
+        "el-icon-minus",
+        "el-icon-money",
+        "el-icon-moon-night",
+        "el-icon-monitor",
+        "el-icon-moon",
+        "el-icon-more",
+        "el-icon-mostly-cloudy",
+        "el-icon-more-filled",
+        "el-icon-mouse",
+        "el-icon-mug",
+        "el-icon-mute",
+        "el-icon-no-smoking",
+        "el-icon-mute-notification",
+        "el-icon-notification",
+        "el-icon-notebook",
+        "el-icon-odometer",
+        "el-icon-office-building",
+        "el-icon-operation",
+        "el-icon-opportunity",
+        "el-icon-orange",
+        "el-icon-open",
+        "el-icon-paperclip",
+        "el-icon-pear",
+        "el-icon-partly-cloudy",
+        "el-icon-phone",
+        "el-icon-picture-filled",
+        "el-icon-phone-filled",
+        "el-icon-picture-rounded",
+        "el-icon-guide",
+        "el-icon-place",
+        "el-icon-platform",
+        "el-icon-pie-chart",
+        "el-icon-pointer",
+        "el-icon-plus",
+        "el-icon-position",
+        "el-icon-postcard",
+        "el-icon-present",
+        "el-icon-price-tag",
+        "el-icon-promotion",
+        "el-icon-pouring",
+        "el-icon-reading-lamp",
+        "el-icon-question-filled",
+        "el-icon-printer",
+        "el-icon-picture",
+        "el-icon-refresh-right",
+        "el-icon-reading",
+        "el-icon-refresh-left",
+        "el-icon-refresh",
+        "el-icon-refrigerator",
+        "el-icon-remove-filled",
+        "el-icon-right",
+        "el-icon-scale-to-original",
+        "el-icon-school",
+        "el-icon-remove",
+        "el-icon-scissor",
+        "el-icon-select",
+        "el-icon-management",
+        "el-icon-search",
+        "el-icon-sell",
+        "el-icon-semi-select",
+        "el-icon-share",
+        "el-icon-setting",
+        "el-icon-service",
+        "el-icon-ship",
+        "el-icon-set-up",
+        "el-icon-shopping-bag",
+        "el-icon-shop",
+        "el-icon-shopping-cart",
+        "el-icon-shopping-cart-full",
+        "el-icon-soccer",
+        "el-icon-sold-out",
+        "el-icon-smoking",
+        "el-icon-sort-down",
+        "el-icon-sort",
+        "el-icon-sort-up",
+        "el-icon-star",
+        "el-icon-stamp",
+        "el-icon-star-filled",
+        "el-icon-stopwatch",
+        "el-icon-success-filled",
+        "el-icon-suitcase",
+        "el-icon-sugar",
+        "el-icon-sunny",
+        "el-icon-sunrise",
+        "el-icon-switch",
+        "el-icon-ticket",
+        "el-icon-sunset",
+        "el-icon-tickets",
+        "el-icon-switch-button",
+        "el-icon-takeaway-box",
+        "el-icon-toilet-paper",
+        "el-icon-timer",
+        "el-icon-tools",
+        "el-icon-top-left",
+        "el-icon-top",
+        "el-icon-top-right",
+        "el-icon-trend-charts",
+        "el-icon-turn-off",
+        "el-icon-unlock",
+        "el-icon-trophy",
+        "el-icon-umbrella",
+        "el-icon-upload-filled",
+        "el-icon-user-filled",
+        "el-icon-upload",
+        "el-icon-user",
+        "el-icon-van",
+        "el-icon-copy-document",
+        "el-icon-video-pause",
+        "el-icon-video-camera-filled",
+        "el-icon-view",
+        "el-icon-wallet",
+        "el-icon-warning-filled",
+        "el-icon-watch",
+        "el-icon-video-play",
+        "el-icon-watermelon",
+        "el-icon-video-camera",
+        "el-icon-wallet-filled",
+        "el-icon-warning",
+        "el-icon-list",
+        "el-icon-zoom-in",
+        "el-icon-zoom-out",
+        "el-icon-rank",
+        "el-icon-wind-power"
+      ]
+    }
+  ]
+}

package/dist/components/lwIconSelect/index.vue

@@ -0,0 +1,142 @@
+<template>
+  <div class="lw-icon-select">
+    <el-input v-model="defaultValue"
+              :prefix-icon="defaultValue||'none'"
+              :placeholder="placeholder"
+              :clearable="clearable"
+              :disabled="disabled">
+      <template #append>
+        <el-button icon="el-icon-more-filled"
+                   @click="open"></el-button>
+      </template>
+    </el-input>
+    <el-dialog title="图标选择器"
+               v-model="dialogVisible"
+               :width="780"
+               destroy-on-close>
+      <el-tabs style="margin-top: -30px;" v-model="activeName">
+        <el-tab-pane v-for="item in data"
+                     :key="item.name"
+                     :name="item.key"
+                     lazy>
+          <template #label>
+            {{item.name}} <el-tag size="small"
+                    type="info">{{item.icons.length}}</el-tag>
+          </template>
+          <div class="lw-icon-select__list">
+            <el-scrollbar>
+              <ul @click="selectIcon">
+                <li v-for="icon in item.icons"
+                    :key="icon">
+                  <span :data-icon="icon"></span>
+                  <el-icon>
+                    <component :is="icon" />
+                  </el-icon>
+                </li>
+              </ul>
+            </el-scrollbar>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import config from "./iconSelect"
+
+export default {
+  props: {
+    modelValue: { type: String, default: "" },
+    placeholder: { type: String, default: "请输入或者选择图标" },
+    clearable: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+  },
+  data () {
+    return {
+      defaultValue: '',
+      activeName: 'element',
+      dialogVisible: false,
+      data: []
+    }
+  },
+  watch: {
+    modelValue (val) {
+      this.defaultValue = val
+    },
+    defaultValue (val) {
+      this.$emit('update:modelValue', val)
+    }
+  },
+  mounted () {
+    this.defaultValue = this.modelValue
+    this.data.push(...config.icons)
+  },
+  methods: {
+    open () {
+      if (this.disabled) {
+        return false
+      }
+      this.dialogVisible = true
+    },
+    selectIcon (e) {
+      if (e.target.tagName != 'SPAN') {
+        return false
+      }
+      this.defaultValue = e.target.dataset.icon
+      this.dialogVisible = false
+      this.$emit('update:modelValue', this.defaultValue);
+    }
+  }
+}
+</script>
+
+<style scoped>
+.lw-icon-select {
+  display: inline-block;
+}
+.lw-icon-select__list {
+  height: 360px;
+  overflow: auto;
+}
+.lw-icon-select__list ul {
+}
+.lw-icon-select__list li {
+  display: inline-block;
+  width: 80px;
+  height: 80px;
+  margin: 5px;
+  vertical-align: top;
+  box-shadow: 0 0 0 1px #eee;
+  transition: all 0.1s;
+  border-radius: 4px;
+  position: relative;
+}
+.lw-icon-select__list li span {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  cursor: pointer;
+}
+.lw-icon-select__list li i {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  font-size: 26px;
+  color: #6d7882;
+  background: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 4px;
+}
+.lw-icon-select__list li:hover {
+  box-shadow: 0 0 1px 4px rgba(64, 158, 255, 1);
+}
+.lw-icon-select__list li:hover i {
+  color: #409eff;
+}
+</style>

package/dist/components/lwLogin/index.vue

@@ -192,8 +192,8 @@ export default {
         }
       * ]
       */
-      if (user.isCombined || this.isCombined) {
-        let menu = await this.$api.mock.menu();
+      if (user.combined || this.isCombined) {
+        let menu = await this.$api.auth.menu();
         this.$tool.data.set("MENUCOMBINED", menu);
         // 注入 用于判断子项目 是否扁平化
         this.$tool.data.set("MENUCOMBINEDNMAE", this.$config.APP_NAME);