quasar-ui-sellmate-ui-kit 3.5.2 → 3.5.4

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "quasar-ui-sellmate-ui-kit",
3
- "version": "3.5.2",
3
+ "version": "3.5.4",
4
4
  "author": "Sellmate Dev Team <dev@sellmate.co.kr>",
5
5
  "description": "Sellmate UI Kit",
6
6
  "license": "MIT",
@@ -131,6 +131,10 @@
131
131
  type: Boolean,
132
132
  default: false,
133
133
  },
134
+ imgResizable: {
135
+ type: Boolean,
136
+ default: false,
137
+ },
134
138
  },
135
139
  setup(props, { emit }) {
136
140
  const model = ref(props.modelValue);
@@ -190,6 +194,7 @@
190
194
  }
191
195
 
192
196
  onMounted(() => {
197
+ if (!props.imgResizable) return;
193
198
  const contentEl = editorRef.value.getContentEl();
194
199
  if (contentEl) {
195
200
  addImageClickListener();
@@ -474,10 +479,9 @@
474
479
  function onOkClick() {
475
480
  imgValue.value.split('\n').forEach((el, idx) => {
476
481
  if (el === '') return;
477
- model.value += `<p><img style="max-width:100%;" src=${el} :alt="image${idx}" /></p>`;
482
+ model.value += `<p style="max-width: 100%"><img style="max-width: 100%" src=${el} :alt="image${idx}" /></p>`;
478
483
  });
479
-
480
- addImageClickListener();
484
+ if (props.imgResizable) addImageClickListener();
481
485
  imgValue.value = '';
482
486
  }
483
487
  // Toolbar End
@@ -9,8 +9,8 @@
9
9
  type === 'password' && !isVisible
10
10
  ? 'password'
11
11
  : type === 'password' && isVisible
12
- ? 'text'
13
- : $props.type
12
+ ? 'text'
13
+ : $props.type
14
14
  "
15
15
  :class="{
16
16
  's-input__right-slot q-pa-none': rightSlot,
@@ -310,13 +310,16 @@
310
310
  min-height: 211px;
311
311
  .q-field__inner {
312
312
  .q-field__control {
313
+ min-height: 100%;
313
314
  height: 100%;
314
315
  &-container {
315
- padding: 12px 16px !important;
316
+ padding: 0 !important;
317
+ min-height: 100%;
316
318
  height: 100%;
317
319
  textarea {
318
- min-height: 211px;
319
- padding: 4px 12px - 3px 4px - 3px 12px;
320
+ min-height: 100%;
321
+ height: 100%;
322
+ padding: 4px 12px !important;
320
323
  line-height: $default-line-height;
321
324
  }
322
325
  }