quasar-ui-danx 0.4.23 → 0.4.26

Sign up to get free protection for your applications and to get access to all the features.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "quasar-ui-danx",
3
- "version": "0.4.23",
3
+ "version": "0.4.26",
4
4
  "author": "Dan <dan@flytedesk.com>",
5
5
  "description": "DanX Vue / Quasar component library",
6
6
  "license": "MIT",
@@ -6,7 +6,9 @@
6
6
  @drop.prevent="onDrop"
7
7
  >
8
8
  <FieldLabel
9
- :field="field"
9
+ v-if="label || (name || showName)"
10
+ :label="label"
11
+ :name="name"
10
12
  :show-name="showName"
11
13
  class="text-sm font-semibold"
12
14
  />
@@ -35,7 +37,7 @@
35
37
  v-if="!readonly || uploadedFile"
36
38
  class="w-32 cursor-pointer mt-2"
37
39
  :class="{'border border-dashed border-blue-600': !uploadedFile, 'mx-auto': !readonly}"
38
- :file="uploadedFile"
40
+ :file="uploadedFile || undefined"
39
41
  downloadable
40
42
  @click="!disable && $refs.file.click()"
41
43
  />
@@ -48,26 +50,22 @@
48
50
  </div>
49
51
  </template>
50
52
 
51
- <script setup>
53
+ <script setup lang="ts">
52
54
  import { onMounted } from "vue";
53
55
  import { useSingleFileUpload } from "../../../../helpers";
56
+ import { UploadedFile } from "../../../../types";
54
57
  import { FilePreview } from "../../../Utility";
55
58
  import FieldLabel from "./FieldLabel";
56
59
 
57
60
  const emit = defineEmits(["update:model-value"]);
58
- const props = defineProps({
59
- modelValue: {
60
- type: [Object, String],
61
- default: null
62
- },
63
- field: {
64
- type: Object,
65
- required: true
66
- },
67
- showName: Boolean,
68
- disable: Boolean,
69
- readonly: Boolean
70
- });
61
+ const props = defineProps<{
62
+ modelValue?: UploadedFile;
63
+ label?: string;
64
+ name?: string;
65
+ showName?: boolean;
66
+ disable?: boolean;
67
+ readonly?: boolean;
68
+ }>();
71
69
  const { onComplete, onDrop, onFileSelected, uploadedFile, clearUploadedFile } = useSingleFileUpload();
72
70
  onComplete(() => emit("update:model-value", uploadedFile.value));
73
71
 
@@ -376,7 +376,7 @@ export function parseMarkdownYAML(string: string): object | null | false {
376
376
  * Parse a markdown formatted string and return the code block content
377
377
  */
378
378
  export function parseMarkdownCode(string: string): string {
379
- return string.replace(/^```[a-z0-9]{1,6}\s/, "").replace(/```$/, "");
379
+ return string.replace(/^```[a-z0-9]{0,6}\s/, "").replace(/```$/, "");
380
380
  }
381
381
 
382
382
  /**
@@ -384,6 +384,7 @@ export function parseMarkdownCode(string: string): string {
384
384
  * ie: a valid JSON string with a ```json prefix and ``` postfix
385
385
  */
386
386
  export function fMarkdownCode(type: string, string: string | object): string {
387
+ console.log("formatting", type, string);
387
388
  if (typeof string === "object" || isJSON(string)) {
388
389
  switch (type) {
389
390
  case "yaml":
@@ -396,7 +397,9 @@ export function fMarkdownCode(type: string, string: string | object): string {
396
397
  }
397
398
 
398
399
  const regex = new RegExp(`\`\`\`${type}`, "g");
399
- if (!((string || "") as string).match(regex)) {
400
+ string = (string || "") as string;
401
+ if (!string.match(regex)) {
402
+ string = parseMarkdownCode(string as string);
400
403
  return `\`\`\`${type}\n${string}\n\`\`\``;
401
404
  }
402
405