@vc-shell/framework 1.0.103 → 1.0.104

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.
@@ -1,13 +1,13 @@
1
1
  export declare const VcImage: import("vue").DefineComponent<{
2
2
  size: {
3
- type: import("vue").PropType<"s" | "m" | "auto" | "xs" | "l" | "xl" | "xxl" | "1x1" | "16x9" | "4x3" | "3x2">;
3
+ type: import("vue").PropType<"s" | "m" | "auto" | "xs" | "l" | "xl" | "xxl">;
4
4
  default: string;
5
5
  };
6
6
  clickable: {
7
7
  type: import("vue").PropType<boolean>;
8
8
  };
9
9
  aspect: {
10
- type: import("vue").PropType<string>;
10
+ type: import("vue").PropType<"1x1" | "16x9" | "4x3" | "3x2">;
11
11
  default: string;
12
12
  };
13
13
  background: {
@@ -27,14 +27,14 @@ export declare const VcImage: import("vue").DefineComponent<{
27
27
  click: () => void;
28
28
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
29
29
  size: {
30
- type: import("vue").PropType<"s" | "m" | "auto" | "xs" | "l" | "xl" | "xxl" | "1x1" | "16x9" | "4x3" | "3x2">;
30
+ type: import("vue").PropType<"s" | "m" | "auto" | "xs" | "l" | "xl" | "xxl">;
31
31
  default: string;
32
32
  };
33
33
  clickable: {
34
34
  type: import("vue").PropType<boolean>;
35
35
  };
36
36
  aspect: {
37
- type: import("vue").PropType<string>;
37
+ type: import("vue").PropType<"1x1" | "16x9" | "4x3" | "3x2">;
38
38
  default: string;
39
39
  };
40
40
  background: {
@@ -53,8 +53,8 @@ export declare const VcImage: import("vue").DefineComponent<{
53
53
  }>> & {
54
54
  onClick?: () => any;
55
55
  }, {
56
- size: "s" | "m" | "auto" | "xs" | "l" | "xl" | "xxl" | "1x1" | "16x9" | "4x3" | "3x2";
57
- aspect: string;
56
+ size: "s" | "m" | "auto" | "xs" | "l" | "xl" | "xxl";
57
+ aspect: "1x1" | "16x9" | "4x3" | "3x2";
58
58
  background: "auto" | "cover" | "contain";
59
59
  }, {}>;
60
60
  //# sourceMappingURL=index.d.ts.map
@@ -1,10 +1,10 @@
1
1
  export interface Props {
2
- aspect?: string;
2
+ aspect?: "1x1" | "16x9" | "4x3" | "3x2";
3
3
  rounded?: boolean;
4
4
  bordered?: boolean;
5
5
  clickable?: boolean;
6
6
  src?: string;
7
- size?: "auto" | "1x1" | "16x9" | "4x3" | "3x2" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
7
+ size?: "auto" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
8
8
  background?: "cover" | "contain" | "auto";
9
9
  }
10
10
  export interface Emits {
@@ -23,8 +23,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
23
23
  }>>> & {
24
24
  onClick?: () => any;
25
25
  }, {
26
- size: "s" | "m" | "auto" | "xs" | "l" | "xl" | "xxl" | "1x1" | "16x9" | "4x3" | "3x2";
27
- aspect: string;
26
+ size: "s" | "m" | "auto" | "xs" | "l" | "xl" | "xxl";
27
+ aspect: "1x1" | "16x9" | "4x3" | "3x2";
28
28
  background: "auto" | "cover" | "contain";
29
29
  }, {}>;
30
30
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"vc-image.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-image/vc-image.vue.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;IACvF,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CAC3C;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACxB;;;;;;;;;;;;;;;;;;AAsID,wBAAkD;AAElD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AA6GN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"vc-image.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-image/vc-image.vue.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;IACtD,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CAC3C;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACxB;;;;;;;;;;;;;;;;;;AAsID,wBAAkD;AAElD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AA6GN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vc-shell/framework",
3
- "version": "1.0.103",
3
+ "version": "1.0.104",
4
4
  "main": "./dist/framework.mjs",
5
5
  "module": "./dist/framework.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -55,8 +55,8 @@
55
55
  "whatwg-fetch": "^3.6.2"
56
56
  },
57
57
  "devDependencies": {
58
- "@vc-shell/api-client-generator": "^1.0.103",
59
- "@vc-shell/config-generator": "^1.0.103",
58
+ "@vc-shell/api-client-generator": "^1.0.104",
59
+ "@vc-shell/config-generator": "^1.0.104",
60
60
  "@vitejs/plugin-vue": "^4.2.3",
61
61
  "sass": "^1.62.1",
62
62
  "typescript": "~5.0.4",
@@ -28,7 +28,7 @@ export const Primary: Story = {
28
28
  template: '<div style="width: 400px"><vc-image v-bind="args"></vc-image></div>',
29
29
  }),
30
30
  args: {
31
- aspect: "1/1",
31
+ aspect: "1x1",
32
32
  rounded: false,
33
33
  clickable: false,
34
34
  src: "https://placekitten.com/800/600",
@@ -34,12 +34,12 @@ import { VcIcon } from "./../vc-icon";
34
34
  import { computed } from "vue";
35
35
 
36
36
  export interface Props {
37
- aspect?: string;
37
+ aspect?: "1x1" | "16x9" | "4x3" | "3x2";
38
38
  rounded?: boolean;
39
39
  bordered?: boolean;
40
40
  clickable?: boolean;
41
41
  src?: string;
42
- size?: "auto" | "1x1" | "16x9" | "4x3" | "3x2" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
42
+ size?: "auto" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
43
43
  background?: "cover" | "contain" | "auto";
44
44
  }
45
45
 
@@ -88,7 +88,7 @@ const localIndex = ref(props.index);
88
88
 
89
89
  const imageHandler = computed(() => {
90
90
  if (currentImage.value.url) {
91
- return `background-image: url(${CSS.escape(currentImage.value.url)})`;
91
+ return `background: url(${CSS.escape(currentImage.value.url)}) center / contain no-repeat`;
92
92
  }
93
93
  return undefined;
94
94
  });