paas-component-library 1.0.78 → 1.0.79

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "paas-component-library",
   "private": false,
-  "version": "1.0.78",
+  "version": "1.0.79",
   "type": "module",
   "files": [
     "dist",

package/src/components/MentionInput/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="mention-wrapper" ref="wrapperRef">
     <div ref="inputRef" class="mention-input"
-      :style="{ height: typeof height === 'number' ? height + 'px' : height || '120px', width: typeof width === 'number' ? width + 'px' : width }"
+      :style="{ height: typeof height === 'number' ? height + 'px' : height || '120px', ...(typeof width === 'number' ? { width: width + 'px' } : width ? { width } : {}), ...style }"
       :contenteditable="mode !== 'select'" @input="onInput" @keydown="onKeydown" @click="onInputClick" tabindex="0"
       :placeholder="placeholder || '请输入内容...'"></div>
 
@@ -54,7 +54,8 @@ export default {
     multiple: {
       type: Boolean,
       default: true
-    }
+    },
+    style: { type: [String, Object], default: "min-width: 200px; width: 100%;" }
   },
   emits: ['update:modelValue', 'change'],
   data() {

package/src/components/OrgPathSelector/index.vue

@@ -2,7 +2,7 @@
   <a-cascader v-bind="filteredAttrs" v-model:value="innerValue" :options="options" :load-data="loadData"
     :placeholder="placeholder || '请选择'" :show-search="showSearch" :disabled="disabled" :size="size" :multiple="multiple"
     :change-on-select="false" :field-names="{ label: 'label', value: 'value', children: 'children' }"
-    @change="handleChange" :show-checked-strategy="showCheckedStrategy" @dropdown-visible-change="handleDropdown" />
+    @change="handleChange" :show-checked-strategy="showCheckedStrategy" @dropdown-visible-change="handleDropdown" :style="style" />
 </template>
 
 <script>
@@ -25,6 +25,7 @@ export default {
     size: { type: String, default: 'middle' },
     multiple: { type: Boolean, default: false },
     placeholder: String,
+    style: { type: [String, Object], default: "min-width: 200px; width: 100%;" },
   },
 
   data() {

package/src/components/PaasDate/index.vue

@@ -1,6 +1,6 @@
 <template>
   <a-date-picker :show-time="showTime" :readonly="readonly" :disabled="disabled" :value="modelValue"
-                 :format="format" :picker="type" @change="handleChange"  :placeholder="placeholder" style="width: 100%;" v-bind="$attrs"/>
+                 :format="format" :picker="type" @change="handleChange"  :placeholder="placeholder" :style="style" v-bind="$attrs"/>
 </template>
 <script>
 export default {
@@ -39,7 +39,8 @@ export default {
     onChange: {
       type: Function,
       default: null
-    }
+    },
+    style: { type: [String, Object], default: "min-width: 200px; width: 100%;" }
   },
   data() {
     return {};

package/src/components/PaasDateRange/index.vue

@@ -1,6 +1,6 @@
 <template>
   <a-range-picker v-model:value="rangeValue" :show-time="showTime" :readonly="readonly" :disabled="disabled"
-    :format="format" :picker="type" :placeholder="placeholder" style="width: 100%;" v-bind="$attrs" />
+    :format="format" :picker="type" :placeholder="placeholder" :style="style" v-bind="$attrs" />
 </template>
 
 <script>
@@ -52,7 +52,8 @@ export default {
     onChange: {
       type: Function,
       default: null
-    }
+    },
+    style: { type: [String, Object], default: "min-width: 200px; width: 100%;" }
   },
   computed: {
     rangeValue: {

package/src/components/PaasInput/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-input :type="type" :value="modelValue" @input="updateValue" :disabled="disabled || readonly"  :placeholder="placeholder" style="width: 100%;" v-bind="$attrs"/>
+  <a-input :type="type" :value="modelValue" @input="updateValue" :disabled="disabled || readonly"  :placeholder="placeholder" :style="style" v-bind="$attrs"/>
 </template>
 
 <script>
@@ -26,7 +26,8 @@ export default {
     disabled: {
       type: Boolean,
       default: false
-    }
+    },
+    style: { type: [String, Object], default: "min-width: 200px; width: 100%;" }
   },
   emits: ["update:modelValue"],
   methods: {

package/src/components/PaasNumber/index.vue

@@ -1,6 +1,6 @@
 <template>
   <a-input-number v-model:value="innerValue" :disabled="disabled || readonly" :min="min" :max="max"
-    :placeholder="placeholder" style="width: 100%;" v-bind="$attrs" />
+    :placeholder="placeholder" :style="style" v-bind="$attrs" />
 </template>
 
 <script>
@@ -16,7 +16,8 @@ export default {
       default: false
     },
     min: Number,
-    max: Number
+    max: Number,
+    style: { type: [String, Object], default: "min-width: 200px; width: 100%;" }
   },
   computed: {
     innerValue: {

package/src/components/PaasRadio/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-radio-group v-model:value="innerValue" :options="processedOptions" :disabled="disabled" v-bind="$attrs" />
+  <a-radio-group v-model:value="innerValue" :options="processedOptions" :disabled="disabled" :style="style" v-bind="$attrs" />
 </template>
 
 <script>
@@ -22,7 +22,8 @@ export default {
     disabled: {
       type: Boolean,
       default: false
-    }
+    },
+    style: { type: [String, Object], default: "min-width: 200px; width: 100%;" }
   },
   computed: {
     processedOptions() {

package/src/components/PaasTextarea/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-textarea :type="type" :value="modelValue" @input="updateValue" :disabled="disabled || readonly" :rows="rows" style="width: 100%;" :placeholder="placeholder" v-bind="$attrs"/>
+  <a-textarea :type="type" :value="modelValue" @input="updateValue" :disabled="disabled || readonly" :rows="rows" :style="style" :placeholder="placeholder" v-bind="$attrs"/>
 </template>
 
 <script>
@@ -30,7 +30,8 @@ export default {
     disabled: {
       type: Boolean,
       default: false
-    }
+    },
+    style: { type: [String, Object], default: "min-width: 200px; width: 100%;" }
   },
   emits: ["update:modelValue"],
   methods: {